<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- saved from url=(0054)http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx -->
<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<TITLE>ASP.NET MVC Flexigrid sample - CodeProject</TITLE> 
	<LINK type="text/css" rel="stylesheet" href="./ASP.NET MVC Flexigrid sample - CodeProject_files/CodeProject.css">
<LINK type="text/css" rel="stylesheet" href="./ASP.NET MVC Flexigrid sample - CodeProject_files/forum.css">

	

<META name="Description" content="How to create an ASP.NET MVC sample using LINQ to SQL, Flexigrid for JQuery, and JSON.; Author: Todd Smith; Section: ASP.NET; Chapter: Web Development">
<META name="Keywords" content="SQL2005, .NET3.5, C#, ASP.NET, .NET, SQL-Server, Dev, LINQ, Intermediate,ASP.NET,Web Development,Free source code, tutorials">
<META name="Author" content="The Code Project">
<META name="Rating" content="General">
<META name="Robots" content="index, follow">
<META name="Revisit-After" content="1 days">
<LINK rel="alternate" type="application/rss+xml" title="CodeProject Latest articles - All topics" href="http://www.codeproject.com/webservices/articlerss.aspx?cat=1">
<LINK rel="alternate" type="application/rss+xml" title="CodeProject Latest articles - MFC / C++" href="http://www.codeproject.com/webservices/articlerss.aspx?cat=2">
<LINK rel="alternate" type="application/rss+xml" title="CodeProject Latest articles - C#" href="http://www.codeproject.com/webservices/articlerss.aspx?cat=3">
<LINK rel="alternate" type="application/rss+xml" title="CodeProject Latest articles - ASP.NET" href="http://www.codeproject.com/webservices/articlerss.aspx?cat=4">
<LINK rel="alternate" type="application/rss+xml" title="CodeProject Latest articles - .NET" href="http://www.codeproject.com/webservices/articlerss.aspx?cat=5">
<LINK rel="alternate" type="application/rss+xml" title="CodeProject Latest articles - VB.NET" href="http://www.codeproject.com/webservices/articlerss.aspx?cat=6">
<LINK rel="alternate" type="application/rss+xml" title="CodeProject Lounge Postings" href="http://www.codeproject.com/webservices/LoungeRSS.aspx">
<LINK rel="search" type="application/opensearchdescription+xml" title="CodeProject" href="http://www.codeproject.com/info/OpenSearch.xml">
	<!--<BASE target="_self">--><BASE href="." target="_self">
	<LINK rel="icon" href="http://www.codeproject.com/favicon.ico" type="image/ico">
<LINK rel="shortcut icon" href="http://www.codeproject.com/favicon.ico" type="image/ico">
<LINK rel="apple-touch-icon" href="http://www.codeproject.com/images/FavIcon-Apple.png" type="image/png">
<SCRIPT type="text/javascript" language="Javascript" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/bookmark.js"></SCRIPT>
<SCRIPT type="text/javascript" language="Javascript" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/rateitem.js"></SCRIPT>
<SCRIPT type="text/javascript" language="Javascript">//<![CDATA[
function LK(e) { var lounge  = document.getElementById("ctl00_TopNavBar_Lounge"); var soapbox = document.getElementById("ctl00_TopNavBar_Soapbox"); if (lounge && soapbox) {   lounge.style.display = e.ctrlKey? "none" : "inline";  soapbox.style.display = e.ctrlKey? "inline" : "none"; }}
function LC(e) {
 window.location.href = e.ctrlKey ? '/script/Forums/View.aspx?fid=1536756':'/Lounge.aspx';
 if (document.all) e.returnValue = false; else e.preventDefault();
}
if(top!=self)top.location.href=location.href; if(typeof(DemoUrl)!="undefined")document.write(unescape('%3Cme')+'ta http'+'-equiv="re' +'fresh" con'+'tent="1;url='+DemoUrl+unescape('"%3CE'));
function SelfCheck(){ return window.confirm("You are about to reply to your own message. Is this really what you want?");}
function MarkAns(MemberID,MsgID,gp,bp,mt,QID){
 document.write(unescape("%3Ca href=\"#xx" + MsgID.toString() + "xx\"  onclick=\"RateMsg("+MemberID.toString()+","+MsgID.toString()+",6,"+QID.toString()+");\"%3E"));
 document.write(unescape("%3Cimg height=\"20\" width=\"20\" src=\"/script/Forums/Images/good.png\" alt=\"good\" border=\"0\" align=\"absmiddle\" /%3E "+gp+" "+mt+"%3C/a%3E "));
 document.write(" &nbsp;"); document.write(unescape("%3Ca href=\"#xx" + MsgID.toString() + "xx\"  onclick=\"RateMsg("+MemberID.toString()+","+MsgID.toString()+",7,"+QID.toString()+");\"%3E"));
 document.write(unescape("%3Cimg height=\"20\" width=\"20\" src=\"/script/Forums/Images/bad.png\" alt=\"bad\" border=\"0\" align=\"absmiddle\" /%3E "+bp+" "+mt+"%3C/a%3E"));
}

function MsgVFrm(MemberID,MsgID,GB,gp,bp,mt){
 if(!GB)document.write("Rate this message: ");
 document.write(unescape("%3Ca href=\"#xx" + MsgID.toString() + "xx\" onclick=\"RateMsg(" + MemberID.toString() + ", " + MsgID.toString() + ","));document.write((GB?"5":"1")+unescape(",0);\"%3E"));
 if(GB) document.write(unescape("%3Cimg height=\"20\" width=\"20\" src=\"/script/Forums/Images/good.png\" alt=\"good\" border=\"0\" align=\"absmiddle\" /%3E "+gp+" "+mt+"%3C/a%3E "));
 else document.write(unescape("%3Cimg height=\"14\" width=\"14\" src=\"http://s.codeproject.com/script/Forums/Images/thumbs_down.gif\" alt=\"vote 1\" border=\"0\" align=\"middle\" /%3E%3C/a%3E "));
 if(GB)document.write(" &nbsp;"); else for(var i=1; i<=5;i++)
  document.write(unescape("%3Ca class=\"toolbar\" href=\"#xx" + MsgID.toString() + "xx\" title=\"vote this message a " + i.toString() + "\" onclick=\"RateMsg(" + MemberID.toString() + ", " + MsgID.toString() + ", " + i.toString() + ",0)\"%3E%3Cb%3E" + i.toString() + "%3C/b%3E%3C/a%3E "));
 document.write(unescape("%3Ca href=\"#xx" + MsgID.toString() + "xx\" onclick=\"RateMsg(" + MemberID.toString() + ", " + MsgID.toString() + ","));document.write((GB?"1":"5")+unescape(",0);\"%3E"));
 if(GB)document.write(unescape("%3Cimg height=\"20\" width=\"20\" src=\"/script/Forums/Images/bad.png\" alt=\"bad\" border=\"0\" align=\"absmiddle\" /%3E "+bp+" "+mt+"%3C/a%3E"));
 else document.write(unescape("%3Cimg height=\"14\" width=\"14\" src=\"http://s.codeproject.com/script/Forums/Images/thumbs_up.gif\" border=\"0\" alt=\"vote 5\" align=\"middle\" /%3E%3C/a%3E "));
}

function ReportMsg(userid, msgid, score) {
 if (confirm("Are you sure you want this message removed?"))
  return RateMsg(userid, msgid, score, 0);
 else return false;
}
function RateMsg(memberid, msgid, score, questionId) {
 var req = new XMLHttpRequest();
 req.onreadystatechange = function() {
  if (req.readyState == 4){
   if (req.status == 200){
    var respText = req.responseText;
    var re = new RegExp(unescape("\%3Cdiv\%3E([^\%3C]*)\%3C/div\%3E"), "g");
    var match = re.exec(respText);
    voteStatus.innerHTML = unescape("%3Cb%3E") + (match&&match[1])?match[1]:"An error occured" + unescape("%3C/b%3E");
   } else
    voteStatus.innerHTML = unescape("%3Cb style='color:red'%3EFailed!") + req.statusText + unescape("%3C/b%3E");
  }
 }
 var voteStatus = document.getElementById("MVF" + msgid);
 if (!voteStatus) return;
 voteStatus.innerHTML = unescape("%3Cb style='color:green'%3EVoting...%3C/b%3E");
 var strAction = "/script/Forums/Vote.aspx?js=1&fmid="+memberid.toString()+"&select="+msgid.toString()+"&score="+score.toString()+"&qid="+questionId.toString();
 req.open("GET", strAction, true);
 req.send(null);
  return false;
}
var Selected = "-1";
function Pin(elm){
 CloseMsg(Selected);
 var wrk=elm.parentNode; if(wrk)wrk=wrk.children[0];
 var fc=elm?elm.firstChild:null;
 if (wrk&&!wrk.pinned) {
  OpenMsg(wrk.name, true);wrk.pinned=true;fc.src='http://s.codeproject.com/script/forums/images/pinned.gif';fc.title='Pinned. Click to unpin'
 } else {
  wrk.pinned=false;CloseMsg(wrk.name); fc.src='http://s.codeproject.com/script/forums/images/pin.gif';fc.title='Click to pin message'
 }
 return false;
}
function CloseMsg(msgId) {
 if(!msgId||msgId==''||msgId<0)return;
 var lnk=document.getElementsByName(msgId);
 if(lnk&&lnk.length>0&&lnk[0].pinned)return;
 var hed=document.getElementById('F' + msgId.toString() + '_h0');
 if(hed) hed.className = hed.className.replace("Sel", "UnSel");
 var bdy=document.getElementById('F' + msgId.toString() + '_h1');
 if(bdy) bdy.style.display = 'none';
}
function OpenMsg(msgId, keep) {
 if(!msgId||msgId==''||msgId<0)return;
 var bdy=document.getElementById('F' + msgId.toString() + '_h1');
 if(bdy){
  var lnk=document.getElementsByName(msgId);
  if(lnk&&lnk.length>0&&lnk[0].pinned)keep=true;
  if(keep&&bdy.style.display!='none')return;
  if(bdy.style.display=='none') bdy.style.display='';
  else bdy.style.display = 'none';
 }
 var hed=document.getElementById('F' + msgId.toString() + '_h0');
 if (hed) hed.className = hed.className.replace('UnSel', 'Sel');
 if(bdy&&hed&&bdy.style.display!='none'){
  var webkitWeird=document.documentElement.scrollTop < document.body.scrollTop;
  if (!webkitWeird)document.body.scrollTop = getRealPos(hed, 'Top') - document.body.clientHeight/10;
  EnsureMessageVisible(msgId, true);
 }
}

function SwitchMessage(e, msgId)
{

  if (msgId) msgId=msgId.toString();

  else {

    if(!e)e=window.event;

    var target=e.target?e.target:e.srcElement;

    while(target&&target.id!='DynMessLink')target=target.parentNode;
    if(!target||target.id!='DynMessLink')return;
    if(target.pinned){Selected='';return false;}
    msgId=target.name;
  }
  CloseMsg(Selected)
  if(Selected==msgId) Selected='';
  else { OpenMsg(msgId, false); Selected=msgId;}
  if (e){if(e.preventDefault)e.preventDefault;else e.returnValue=false;}
  return false;
}


//]]>
</SCRIPT>

<SCRIPT type="text/javascript" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/ga.js"></SCRIPT></HEAD><BODY>

<A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#Main"><IMG alt="Click here to Skip to main content" class="access-link" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t.gif"></A>




<DIV class="container nav-memberbar clearfix">
<DIV class="member-stats float-left">7,210,759 members and growing! (21,382 online)</DIV>

<DIV class="float-right">
<SPAN id="ctl00_MemberMenu_CurRat" class="tooltip">
		<A id="ctl00_MemberMenu_MyProfile" href="http://www.codeproject.com/Members/jarodb">jarodb</A><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/arrow-down-16.png" style="width:16px;height:16px;vertical-align:bottom">
		<DIV class="tooltip-flyout" style="width:110px !important">
			<DIV><A id="ctl00_MemberMenu_MySettings" href="http://www.codeproject.com/script/Membership/Modify.aspx">My Settings</A></DIV>
			<DIV><A id="ctl00_MemberMenu_MyContacts" href="http://www.codeproject.com/script/Membership/ListContacts.aspx">My Contact info</A></DIV>
			<DIV><A id="ctl00_MemberMenu_MyBookmarks" href="http://www.codeproject.com/script/Bookmarks/List.aspx?obtid=2">My Bookmarks</A></DIV>
			
			<DIV><A id="ctl00_MemberMenu_MyCodeProject" href="http://www.codeproject.com/script/Membership/MyCodeProject.aspx">My Watched Items</A></DIV>
			<DIV><A id="ctl00_MemberMenu_MyArticles" href="http://www.codeproject.com/script/Articles/MemberArticles.aspx?amid=6787326">My Articles</A></DIV>
			<DIV><A id="ctl00_MemberMenu_MyMessages" href="http://www.codeproject.com/script/Forums/Messages.aspx?fmid=6787326">My Messages</A></DIV>
			
		</DIV>
	</SPAN><A id="ctl00_MemberMenu_Signout" href="http://www.codeproject.com/script/Membership/LogOff.aspx?rp=%2fKB%2faspnet%2fMVCFlexigrid.aspx">Sign out</A>


</DIV>

</DIV>


<DIV class="navbar clearfix">
<UL id="nav">

<LI><A id="ctl00_TopNavBar_Home" class="down" href="http://www.codeproject.com/">Home</A>

</LI><LI><A id="ctl00_TopNavBar_Art" class="down" href="http://www.codeproject.com/script/Articles/Latest.aspx">Articles</A>

	<UL>
		<LI><A id="ctl00_TopNavBar_ArtTopicList" class="fly last" onmouseover="PopulateMap(this, &#39;siteMap&#39;, &#39;600px&#39;);" href="http://www.codeproject.com/script/Content/SiteMap.aspx">Chapters and Sections</A><UL id="ctl00_TopNavBar_MapFlyout"><LI>
				<DIV id="siteMap" style="height:0px;width:0px;border:1px solid green;background-color:white;overflow:scroll">
					<IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/animated.gif" style="margin:150px;width:100px;height:100px;">
				</DIV>
			</LI></UL>
		</LI>
		<LI><A id="ctl00_TopNavBar_ArtSearch" class="fly break" href="http://www.codeproject.com/info/search.aspx">Search</A></LI>
		<LI><A id="ctl00_TopNavBar_ArtLatestArts" class="fly" href="http://www.codeproject.com/script/Articles/Latest.aspx">Latest Articles</A></LI>
		<LI><A id="ctl00_TopNavBar_ArtLatestTips" class="fly" href="http://www.codeproject.com/script/Articles/Latest.aspx?at=6">Latest Tips/Tricks</A></LI>
		<LI><A id="ctl00_TopNavBar_ArtTop" class="fly" href="http://www.codeproject.com/script/Articles/TopArticles.aspx?ta_so=4">Top Articles</A></LI>
		<LI><A id="ctl00_TopNavBar_ArtBeginner" class="fly" href="http://www.codeproject.com/info/search.aspx?aidlst=152&sa_us=True">Beginner Articles</A></LI>
		<LI><A id="ctl00_TopNavBar_ArtBlogArticles" class="fly break" href="http://www.codeproject.com/script/Articles/BlogArticleList.aspx">Technical Blogs</A></LI>
		<LI><A id="ctl00_TopNavBar_ArtPostArticle" class="fly" href="http://www.codeproject.com/info/Submit.aspx">Post an Article</A></LI>
		<LI><A id="ctl00_TopNavBar_ArtPostTipTrick" class="fly" href="http://www.codeproject.com/script/Answers/Post.aspx?new=tipntrick">Post Tip &amp; Trick</A></LI>
		<LI><A id="ctl00_TopNavBar_ArtPostBlog" class="fly break" href="http://www.codeproject.com/script/Articles/BlogFeed.aspx">Post your Blog</A></LI>
		<LI><A id="ctl00_TopNavBar_ArtGuide" class="fly" href="http://www.codeproject.com/info/Submit.aspx">Posting/Update Guidelines</A></LI>
		<LI><A id="ctl00_TopNavBar_ArtCompetition" class="fly last" href="http://www.codeproject.com/script/Awards/CurrentCompetitions.aspx?cmpTpId=1">Article Competition</A></LI>
	</UL>

</LI>



<LI><A id="ctl00_TopNavBar_Answers" href="http://www.codeproject.com/script/Answers/List.aspx?tab=latest">Questions &amp; Answers</A>
	<UL>
		<LI id="ctl00_TopNavBar_AQL"><A id="ctl00_TopNavBar_ArticleQuestion" class="fly highlight" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#_comments">Ask a Question about this article</A></LI>

		<LI class="heading">Quick Answers</LI>
		<LI><A id="ctl00_TopNavBar_QAAsk" class="fly" href="http://www.codeproject.com/script/Answers/Post.aspx?new=question">Ask a Question</A></LI>
		
		
		<LI><A id="ctl00_TopNavBar_QAUnanswered" class="fly" href="http://www.codeproject.com/script/Answers/List.aspx?tab=unanswered">View Unanswered Questions</A></LI>
		<LI><A id="ctl00_TopNavBar_QALatest" class="fly" href="http://www.codeproject.com/script/Answers/List.aspx?tab=latest">View All Questions</A></LI>
		
				<LI><A id="ctl00_TopNavBar_QATR_ctl00_Tag" class="fly" href="http://www.codeproject.com/script/Answers/List.aspx?tab=latest&tags=81" style="padding-left:30px">C# questions</A></LI>
			
				<LI><A id="ctl00_TopNavBar_QATR_ctl01_Tag" class="fly" href="http://www.codeproject.com/script/Answers/List.aspx?tab=latest&tags=85" style="padding-left:30px">ASP.NET questions</A></LI>
			
				<LI><A id="ctl00_TopNavBar_QATR_ctl02_Tag" class="fly" href="http://www.codeproject.com/script/Answers/List.aspx?tab=latest&tags=78" style="padding-left:30px">C++ questions</A></LI>
			
				<LI><A id="ctl00_TopNavBar_QATR_ctl03_Tag" class="fly" href="http://www.codeproject.com/script/Answers/List.aspx?tab=latest&tags=842" style="padding-left:30px">VB.NET questions</A></LI>
			
				<LI><A id="ctl00_TopNavBar_QATR_ctl04_Tag" class="fly" href="http://www.codeproject.com/script/Answers/List.aspx?tab=latest&tags=69" style="padding-left:30px">C#3.0 questions</A></LI>
			
	
		<LI class="heading">Programming Discussions</LI>
		<LI><A id="ctl00_TopNavBar_MessageBoardsAll" class="fly" href="http://www.codeproject.com/script/Forums/List.aspx">All Message Boards...</A></LI>
		<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1580997/Application-Lifecycle.aspx">Application Lifecycle<SPAN class="fly-menu">&gt;</SPAN></A>
<UL><LI><A class="fly" href="http://www.codeproject.com/Forums/369270/Design-and-Architecture.aspx">Design and Architecture</A></LI>
<LI><A class="fly" href="http://www.codeproject.com/Forums/1533717/Running-a-Business.aspx">Running a Business</A></LI>
<LI><A class="fly" href="http://www.codeproject.com/Forums/1533716/Sales-Marketing.aspx">Sales / Marketing</A></LI>
<LI><A class="fly" href="http://www.codeproject.com/Forums/1651/Collaboration-Beta-Testing.aspx">Collaboration / Beta Testing</A></LI>
<LI><A class="fly" href="http://www.codeproject.com/Forums/3304/Work-Training-Issues.aspx">Work &amp; Training Issues</A></LI>
</UL></LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1647/C-Cplusplus-MFC.aspx">C / C++ / MFC<SPAN class="fly-menu">&gt;</SPAN></A>
<UL><LI><A class="fly" href="http://www.codeproject.com/Forums/4486/ATL-WTL-STL.aspx">ATL /  WTL / STL</A></LI>
<LI><A class="fly" href="http://www.codeproject.com/Forums/3785/Managed-Cplusplus-CLI.aspx">Managed C++/CLI</A></LI>
</UL></LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1649/Csharp.aspx">C#</A>
</LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1725/Database.aspx">Database</A>
</LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1642/IT-Infrastructure.aspx">IT &amp; Infrastructure<SPAN class="fly-menu">&gt;</SPAN></A>
<UL><LI><A class="fly" href="http://www.codeproject.com/Forums/186301/Hardware-Devices.aspx">Hardware &amp; Devices</A></LI>
<LI><A class="fly" href="http://www.codeproject.com/Forums/1644/System-Admin.aspx">System Admin</A></LI>
</UL></LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1643/Java.aspx">Java</A>
</LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1650/NET-Framework.aspx">.NET Framework</A>
</LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/13695/Mobile.aspx">Mobile</A>
</LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1540733/Sharepoint.aspx">Sharepoint</A>
</LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1004257/Silverlight-WPF.aspx">Silverlight / WPF</A>
</LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1646/Visual-Basic.aspx">Visual Basic</A>
</LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1640/Web-Development.aspx">Web Development<SPAN class="fly-menu">&gt;</SPAN></A>
<UL><LI><A class="fly" href="http://www.codeproject.com/Forums/12076/ASP-NET.aspx">ASP.NET</A></LI>
<LI><A class="fly" href="http://www.codeproject.com/Forums/1580227/CSS.aspx">CSS</A></LI>
<LI><A class="fly" href="http://www.codeproject.com/Forums/1580226/Javascript.aspx">Javascript</A></LI>
<LI><A class="fly" href="http://www.codeproject.com/Forums/1213656/PHP.aspx">PHP</A></LI>
</UL></LI>
<LI><A class="fly" style="padding-left:30px" href="http://www.codeproject.com/Forums/1645/Site-Bugs-Suggestions.aspx">Site Bugs / Suggestions</A>
</LI>


		<LI class="heading">Other Languages<SPAN class="fly-menu">&gt;</SPAN>
		<UL>
		<LI><A class="fly" href="http://www.codeproject.com/Forums/1580229/Hindi.aspx">General Programming - Hindi</A></LI>
		<LI><A class="fly" href="http://www.codeproject.com/Forums/1580230/Chinese.aspx">General Programming - Chinese</A></LI>
		</UL></LI>
	
	</UL>

</LI>


<LI><A id="ctl00_TopNavBar_Zones" href="http://www.codeproject.com/Zones/index.aspx">Learning Zones</A>

	<UL>
		<!--<li class="heading">Zones</li>-->
		<LI><A href="http://www.codeproject.com/Zones/SqlServer/" class="fly">The SQL Zone</A></LI><LI><A href="http://www.codeproject.com/Zones/Mobile/" class="fly">The Mobile Zone</A></LI><LI><A href="http://www.codeproject.com/Zones/WhitePapers/" class="fly">WhitePapers / Webcasts</A></LI>
	</UL>

</LI>



<LI><A id="ctl00_TopNavBar_Job" href="http://www.codeproject.com/script/Jobs/List.aspx">Jobs</A>
	<UL>
		<LI><A id="ctl00_TopNavBar_JobLatest" class="fly" href="http://www.codeproject.com/script/Jobs/List.aspx">Latest</A></LI>
		<LI><A id="ctl00_TopNavBar_JobSearch" class="fly" href="http://www.codeproject.com/script/Jobs/Search.aspx">Search</A></LI>
		<LI><A id="ctl00_TopNavBar_JobPost" class="fly" href="http://www.codeproject.com/script/Jobs/Edit.aspx">Post a Job</A></LI>
		<LI><A id="ctl00_TopNavBar_JobFaq" class="fly last" href="http://www.codeproject.com/KB/FAQs/JobBoardFAQ.aspx">FAQ and Pricing</A></LI>
	</UL>

</LI>








<LI><A id="ctl00_TopNavBar_Community">Features</A>

	<UL>
		<LI><A id="ctl00_TopNavBar_WhosWho" class="fly" href="http://www.codeproject.com/script/Membership/Profiles.aspx">Who's Who</A></LI>
		<LI><A id="ctl00_TopNavBar_MVPs" class="fly" href="http://www.codeproject.com/script/Awards/MVPWinners.aspx">CodeProject MVPs</A></LI>
		<LI><A id="ctl00_TopNavBar_Companies" class="fly break" href="http://www.codeproject.com/script/Membership/Profiles.aspx?mgtid=1&mgm=True">Company Listings</A></LI>
		<LI><A id="ctl00_TopNavBar_Catalog" class="fly" href="http://www.codeproject.com/script/Catalog/List.aspx">Component &amp; Service Catalog</A></LI>
		<LI><A id="ctl00_TopNavBar_Comps" class="fly" href="http://www.codeproject.com/script/Awards/CurrentCompetitions.aspx?cmpTpId=1&awsac=true">Competitions</A></LI>
		<LI><A id="ctl00_TopNavBar_News" class="fly" href="http://www.codeproject.com/script/News/List.aspx">News</A></LI>
		<LI><A id="ctl00_TopNavBar_Newsletters" class="fly" href="http://www.codeproject.com/script/Mailouts/Archive.aspx?mtpid=1">Newsletter archive</A></LI>
		<LI><A id="ctl00_TopNavBar_PressRelease" class="fly" href="http://www.codeproject.com/script/PressReleases/Preview.aspx">Press Releases</A></LI>
		<LI><A id="ctl00_TopNavBar_Surveys" class="fly" href="http://www.codeproject.com/script/Surveys/List.aspx">Surveys</A></LI>
		<LI><A id="ctl00_TopNavBar_Stuff" class="fly" href="http://www.codeproject.com/Info/Stuff.aspx">CodeProject Stuff</A></LI>
		<LI><A id="ctl00_TopNavBar_AddIn" class="fly last" href="http://www.codeproject.com/Services/Addins/">CodeProject VS Addin </A></LI>
	</UL>

</LI>


<LI><A id="ctl00_TopNavBar_Help" href="http://www.codeproject.com/KB/FAQs/">Help!</A>

	<UL>
		<LI><A id="ctl00_TopNavBar_HelpWhatIs" class="fly" href="http://www.codeproject.com/info/guide.aspx">What is 'The Code Project'?</A></LI>
		<LI><A id="ctl00_TopNavBar_HelpGeneral" class="fly" href="http://www.codeproject.com/KB/FAQs/">General FAQ</A></LI>
		<LI><A id="ctl00_TopNavBar_HelpPostQuestion" class="fly" href="http://www.codeproject.com/script/Answers/Post.aspx?new=question">Post a Question</A></LI>
		<LI><A id="ctl00_TopNavBar_HelpSiteMap" class="fly" href="http://www.codeproject.com/script/Content/SiteMap.aspx">Site Directory</A></LI>
		<LI><A id="ctl00_TopNavBar_HelpAboutUs" class="fly last" href="http://www.codeproject.com/info/about.aspx">About Us</A></LI>
	</UL>

</LI>


<LI style="float:right">
<A id="ctl00_TopNavBar_Lounge" href="http://www.codeproject.com/Lounge.aspx" style="display: inline; ">Lounge</A>
<A id="ctl00_TopNavBar_Soapbox" href="javascript:void();" style="display: none; ">Soapbox</A>

</LI>

</UL>

</DIV>

<SCRIPT type="text/javascript">
function PopulateMap(prnt, elmId, width, height) {
	var map;
	if (!prnt.populated && !prnt.populating) {
		prnt.populating = true;
		map = $('#' + elmId);
		map.css('height', '400px');
		map.css('width', '400px');
		map.load("/script/content/ajax/SiteMap.aspx", function () {
			if (height) map.css('height', height); else map.css('height', 'auto');
			prnt.populated = true;
		});
		prnt.populating = false;
	}
	if (prnt.populated) {
		map = map||$('#' + elmId);
		var defWidth = ($(window).width() * 0.9);
		if (defWidth > 1000) defWidth = 1000;
		if (width) map.css('width', width); else map.css('width', defWidth+'px');
	}
}
</SCRIPT>



<TABLE width="100%" cellspacing="0" cellpadding="0" border="0">
<TBODY><TR>
	<TD class="header"><A href="http://www.codeproject.com/"><IMG id="ctl00_Logo" title="The Code Project" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/logo225x90.gif" alt="Home" style="border-width:0px;"></A></TD>
	<TD class="header" align="right">
		<DIV id="ctl00_TopAd" style="display:inline-block; width:728px; height:90px; " title=""><IFRAME src="./ASP.NET MVC Flexigrid sample - CodeProject_files/ServeHtml(1).htm" frameborder="0" scrolling="no" width="728px" height="90px"></IFRAME></DIV>
	</TD>
</TR></TBODY></TABLE>

<DIV id="ctl00_SB" class="row theme2-background clearfix"> 
<DIV class="column8_7">

<DIV class="search-bar">
	<FORM method="get" action="http://www.codeproject.com/info/search.aspx" name="Search" class="tight">
	<INPUT class="search " id="sb_tb" value=" " name="artkw">
	<SELECT name="sbo">
	<OPTION value="kw" selected="true">Articles / Quick Answers</OPTION>
<OPTION value="fm">Messages</OPTION>
<OPTION value="s">Jobs</OPTION>
<OPTION value="ctlk">Product Catalog</OPTION>

	</SELECT>
	
	</FORM>
</DIV></DIV>
<DIV class="column8_1 align-right"><A id="ctl00_PageWidth_Fixed" title="Fixed width layout" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?PageFlow=FixedWidth"><IMG class="toolbar" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/fixed-width.gif" style="width:18px;height:18px"></A>

<A id="ctl00_PageWidth_Fluid" title="Fluid layout" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?PageFlow=Fluid"><IMG class="toolbar" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/fluid-width.gif" style="width:18px;height:18px"></A></DIV>
</DIV>



<DIV class="page-background">
<DIV id="AW" class="container-article-wrap"><A name="Main"></A>


<DIV id="A" class="container-article">

	
	

	

		<DIV class="tight clearfix tab-wrapper">

			
			<DIV class="float-right">
				<DIV id="ctl00_CurRat" class="tooltip" name="CurRat_30588">
					
<TABLE class="">
<TBODY><TR>
	
	<TD><TABLE border="0" cellpadding="0" cellspacing="0" class="rating-bar">
	<TBODY><TR>
		<TD align="left" bgcolor="White" width="15px" height="7px"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/red.gif" height="7" border="0" width="15" align="middle"></TD>
		<TD align="left" bgcolor="White" width="15px" height="7px"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/red.gif" height="7" border="0" width="15" align="middle"></TD>
		<TD align="left" bgcolor="White" width="15px" height="7px"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/red.gif" height="7" border="0" width="15" align="middle"></TD>
		<TD align="left" bgcolor="White" width="15px" height="7px"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/red.gif" height="7" border="0" width="15" align="middle"></TD>
		<TD align="left" bgcolor="White" width="15px" height="7px" style="white-space:nowrap;padding:0px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/red.gif" height="7" border="0" width="8" align="middle"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/white.gif" height="7" border="0" width="7" align="middle"></TD>
	</TR>
</TBODY></TABLE>
</TD>
	<TD id="ctl00_ArticleRating_VR" class="nowrap">
		<SPAN id="ctl00_ArticleRating_VotesR"><B>4.52 / 5</B>, 30 votes</SPAN>
		
	</TD>

</TR>

</TBODY></TABLE>

					<DIV id="ctl00_RB" class="speech-bubble-container-up">
						<DIV class="speech-bubble-up" style="width:150px !important">
							            
<DIV>
<TABLE class="HistTable" title="Voting Distribution. Recent data only"><TBODY><TR><TD><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t.gif" width="26px" height="1px" border="0px" alt="" title=""><BR><SPAN title="0 votes">1</SPAN></TD>
<TD><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pollcol.gif" width="26px" height="8px" border="0px" alt="2 votes, 6.7%" title="2 votes, 6.7%"><BR><SPAN title="2 votes">2</SPAN></TD>
<TD><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pollcol.gif" width="26px" height="4px" border="0px" alt="1 vote, 3.3%" title="1 vote, 3.3%"><BR><SPAN title="1 vote">3</SPAN></TD>
<TD><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pollcol.gif" width="26px" height="12px" border="0px" alt="3 votes, 10.0%" title="3 votes, 10.0%"><BR><SPAN title="3 votes">4</SPAN></TD>
<TD><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pollcol.gif" width="26px" height="100px" border="0px" alt="24 votes, 80.0%" title="24 votes, 80.0%"><BR><SPAN title="24 votes">5</SPAN></TD>
</TR></TBODY></TABLE>
</DIV>




						</DIV>
						<DIV class="speech-bubble-pointer-up">
							<DIV class="speech-bubble-pointer-up-inner"></DIV>
						</DIV>
					</DIV>
				</DIV>
			</DIV>

			
			<DIV class="float-right" style="margin-right:35px"> 
				<A id="ctl00_ActionLinks_PrintLnk" class="tooltip" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?display=Print">
	<IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/print.gif" width="24px" height="24px" style="vertical-align:middle;border:0">
	<DIV class="speech-bubble-container-up">
		<DIV class="speech-bubble-up">Print Article</DIV>
		<DIV class="speech-bubble-pointer-up">
			<DIV class="speech-bubble-pointer-up-inner"></DIV>
		</DIV>
	</DIV>
</A>

	


<SPAN id="SBI"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/add.gif" id="ctl00_ActionLinks_AddTo_Img" width="24" height="24" alt="add" style="vertical-align:middle"></SPAN>
<DIV id="ATD" class="list-socialbookmark" style="left: 328px; top: 23px; "><DIV><A class="AddTo" title="Add this page to Digg" onclick="return socialLinks.addto(0);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Digg.png" width="16px" height="16px" border="0"> Digg</A> </DIV><DIV><A class="AddTo" title="Add this page to Del.icio.us" onclick="return socialLinks.addto(1);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Delicious.png" width="16px" height="16px" border="0"> Del.icio.us</A> </DIV><DIV><A class="AddTo" title="Add this page to Google" onclick="return socialLinks.addto(2);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Google.png" width="16px" height="16px" border="0"> Google</A> </DIV><DIV><A class="AddTo" title="Add this page to Windows Live" onclick="return socialLinks.addto(3);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Live.png" width="16px" height="16px" border="0"> Windows Live</A> </DIV><DIV><A class="AddTo" title="Add this page to Technorati" onclick="return socialLinks.addto(4);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Technorati.png" width="16px" height="16px" border="0"> Technorati</A> </DIV><DIV><A class="AddTo" title="Add this page to Blink" onclick="return socialLinks.addto(5);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Blink.png" width="16px" height="16px" border="0"> Blink</A> </DIV><DIV><A class="AddTo" title="Add this page to Facebook" onclick="return socialLinks.addto(6);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Facebook.png" width="16px" height="16px" border="0"> Facebook</A> </DIV><DIV><A class="AddTo" title="Add this page to Furl" onclick="return socialLinks.addto(7);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Furl.png" width="16px" height="16px" border="0"> Furl</A> </DIV><DIV><A class="AddTo" title="Add this page to Simpy" onclick="return socialLinks.addto(8);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Simpy.png" width="16px" height="16px" border="0"> Simpy</A> </DIV><DIV><A class="AddTo" title="Add this page to Reddit" onclick="return socialLinks.addto(9);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Reddit.png" width="16px" height="16px" border="0"> Reddit</A> </DIV><DIV><A class="AddTo" title="Add this page to Newsvine" onclick="return socialLinks.addto(10);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_Newsvine.png" width="16px" height="16px" border="0"> Newsvine</A> </DIV><DIV><A class="AddTo" title="Add this page to Stumbleupon" onclick="return socialLinks.addto(11);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_stumbleupon.png" width="16px" height="16px" border="0"> Stumbleupon</A> </DIV><DIV><A class="AddTo" title="Add this page to Mr. Wong" onclick="return socialLinks.addto(12);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/AddTo_MrWong.png" width="16px" height="16px" border="0"> Mr. Wong</A> </DIV><DIV><A class="AddTo" title="Send as Email" onclick="return socialLinks.addto(13);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#"><IMG align="absmiddle" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/envelope.gif" width="16px" height="16px" border="0"> Send as Email</A> </DIV></DIV>
 

 

<SPAN class="tooltip">
	<A id="ctl00_ActionLinks_ArticleBmk_ImgBt" title="Bookmark" alternatetext="Bookmark" name="bm_30588_2" onclick="return bookmarkMe(30588, 2, &#39;/script/Bookmarks/Ajax/Add.aspx?obid=30588&amp;obtid=2&amp;action=AddBookmark&#39;);" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=30588&obtid=2&action=AddBookmark" style="display:inline-block;height:24px;width:24px;vertical-align:middle;border:0"><IMG title="Bookmark" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/bookmark.png" alt="" style="border-width:0px;"></A>


<SPAN id="ctl00_ActionLinks_ArticleBmk_StatusMsg" class="tiny-text" style="display:none" name="bm_30588_2"></SPAN>
 
	<DIV class="speech-bubble-container-up">
		<DIV class="speech-bubble-up">Add to your CodeProject bookmarks</DIV>
		<DIV class="speech-bubble-pointer-up">
			<DIV class="speech-bubble-pointer-up-inner"></DIV>
		</DIV>
	</DIV>
</SPAN>

<A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#_comments" class="tooltip">
	
	<IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/discuss.gif" width="24px" height="24px" alt="Discuss" style="vertical-align:middle;border:0">
	<DIV class="speech-bubble-container-up">
		<DIV class="speech-bubble-up">Discuss this article</DIV>
		<DIV class="speech-bubble-pointer-up">
			<DIV class="speech-bubble-pointer-up-inner"></DIV>
		</DIV>
	</DIV>
</A>
<SPAN id="ctl00_ActionLinks_cmtcnt" class="subdue small-text" style="margin-left:-4px">56</SPAN>

<A id="ctl00_ActionLinks_BrokenLnk" class="tooltip" href="http://www.codeproject.com/script/Articles/Report.aspx?aid=30588">
	<IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/report.gif" width="24px" height="24px" alt="Broken Article?" style="vertical-align:middle;border:0">
	<DIV class="speech-bubble-container-up">
		<DIV class="speech-bubble-up">Report this article as inappropriate</DIV>
		<DIV class="speech-bubble-pointer-up">
			<DIV class="speech-bubble-pointer-up-inner"></DIV>
		</DIV>
	</DIV>
</A>
			</DIV>

			
			

<DIV class="float-left"><TABLE cellpadding="0" cellspacing="0"><TBODY><TR>
	<TD class="tab-selected">Article</TD><TD class="tab-unselected"><A href="http://www.codeproject.com/script/Articles/ViewDownloads.aspx?aid=30588">Browse Code</A></TD><TD class="tab-unselected"><A href="http://www.codeproject.com/script/Articles/Statistics.aspx?aid=30588">Stats</A></TD><TD class="tab-unselected"><A href="http://www.codeproject.com/script/Articles/ListVersions.aspx?aid=30588">Revisions</A></TD>
</TR></TBODY></TABLE></DIV>	


		</DIV>

		
		<A name="_top"></A>
		<DIV id="ctl00_TitleArea_InfoArea" class="nav-right-sidebar">
	

<DIV class="announce-content">
	<TABLE class="tight small-text">
	
	<TBODY><TR><TD>First Posted</TD><TD nowrap="nowrap"><B>31 Oct 2008</B></TD></TR>
	<TR><TD>Views</TD><TD><B>65,661</B></TD></TR>
	
	<TR><TD>Bookmarked</TD><TD><B>107 times</B></TD></TR>
	
	
	
	
	<TR><TD>Licence</TD><TD><A href="http://www.codeproject.com/info/cpol10.aspx" title="The Code Project Open License (CPOL)">CPOL</A></TD></TR>
	<TR><TD colspan="2">
	

<DIV id="ctl00_TitleArea_InfoBox_TagsList_TagWrp" class="tags">

<SPAN id="ctl00_TitleArea_InfoBox_TagsList_TagLabel" class="bold"></SPAN>

<SPAN id="ctl00_TitleArea_InfoBox_TagsList_VisibleTags"><A href="http://www.codeproject.com/info/search.aspx?aidlst=30">SQL2005</A>, <A href="http://www.codeproject.com/info/search.aspx?aidlst=76">.NET3.5</A>, <A href="http://www.codeproject.com/info/search.aspx?aidlst=81">C#</A>, <A href="http://www.codeproject.com/info/search.aspx?aidlst=85">ASP.NET</A>, <A href="http://www.codeproject.com/info/search.aspx?aidlst=98">.NET</A>, <A href="http://www.codeproject.com/info/search.aspx?aidlst=101">SQL-Server</A>, <A href="http://www.codeproject.com/info/search.aspx?aidlst=118">Dev</A>, <A href="http://www.codeproject.com/info/search.aspx?aidlst=151">LINQ</A></SPAN>

<ACRONYM id="ctl00_TitleArea_InfoBox_TagsList_HiddenTags" title="plus: Intermediate">...</ACRONYM>
</DIV>

	</TD></TR>
	</TBODY></TABLE>
</DIV>

	
</DIV>


<DIV class="breadcrumb"><A href="http://www.codeproject.com/script/Content/SiteMap.aspx"><SPAN class="sitemap-anchor" onmouseover="PopulateMap(this,&#39;map&#39;);"><IMG width="16px" height="16px" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/sitemap16.png" border="0" alt="Site map" style="vertical-align:middle"><DIV id="map"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/animated.gif" style="margin:150px;width:100px;height:100px;border:0;"></DIV></SPAN></A> » <A href="http://www.codeproject.com/Chapters/2/Web-Development.aspx">Web Development</A> » <A href="http://www.codeproject.com/KB/aspnet/">ASP.NET</A> » <A href="http://www.codeproject.com/KB/aspnet/#Howto">Howto</A></DIV>


<H1 id="ctl00_TitleArea_ArticleTitle">ASP.NET MVC Flexigrid sample</H1>


<DIV class="author">By <B><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=13155">Todd Smith</A></B> |
31 Oct 2008 


<SPAN id="ctl00_TitleArea_Zone" class="zone ">
Part of <A id="ctl00_TitleArea_ZoneLink" href="http://www.codeproject.com/Zones/SqlServer/">The SQL Zone</A>. 
</SPAN>



</DIV>


<DIV class="abstract"><SPAN id="ctl00_TitleArea_ArticleDescr">How to create an ASP.NET MVC sample using LINQ to SQL, Flexigrid for JQuery, and JSON.</SPAN></DIV>






	
	
	
	

	

	<DIV id="ctl00_confirmError" class="Callout small-text" style="padding:10px;margin:20px;"><IMG style="float:left;margin-right:10px" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/warning_32.png" width="32px" height="32px"><B>Is your email address OK?</B>
		You are signed up for our newsletters but your email address is either unconfirmed, or has not 
		been reconfirmed in a long time. Please click 
		<A id="ctl00_RequestConfirmLink2" href="http://www.codeproject.com/script/Membership/SendConfirmRequest.aspx?rp=%2fKB%2faspnet%2fMVCFlexigrid.aspx">here</A> to have a 
		confirmation email sent so we can confirm your email address and start sending you newsletters 
		again. Alternatively, you can 
		<A id="ctl00_SubscribeLink2" href="http://www.codeproject.com/script/Membership/Subscribe.aspx?rp=%2fKB%2faspnet%2fMVCFlexigrid.aspx">update your subscriptions</A>.</DIV><FORM name="aspnetForm" method="post" action="./ASP.NET MVC Flexigrid sample - CodeProject_files/ASP.NET MVC Flexigrid sample - CodeProject.htm" id="aspnetForm" style="margin:0;padding:0">
<DIV>
<INPUT type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTAyMTMzODg1Ng9kFgJmD2QWAgIJD2QWAgIBD2QWBAIDD2QWAgIBD2QWBmYPDxYCHgtOYXZpZ2F0ZVVybAUqL0tCL2FzcG5ldC9NVkNGbGV4aWdyaWQuYXNweD9kaXNwbGF5PVByaW50ZGQCBA8WAh4JaW5uZXJodG1sBQI1NmQCBQ8PFgIfAAUmL3NjcmlwdC9BcnRpY2xlcy9SZXBvcnQuYXNweD9haWQ9MzA1ODhkZAIND2QWCgICDxYCHgdWaXNpYmxlZxYEAgEPDxYCHwAFUC9zY3JpcHQvTWVtYmVyc2hpcC9TZW5kQ29uZmlybVJlcXVlc3QuYXNweD9ycD0lMmZLQiUyZmFzcG5ldCUyZk1WQ0ZsZXhpZ3JpZC5hc3B4ZGQCAw8PFgIfAAVHL3NjcmlwdC9NZW1iZXJzaGlwL1N1YnNjcmliZS5hc3B4P3JwPSUyZktCJTJmYXNwbmV0JTJmTVZDRmxleGlncmlkLmFzcHhkZAIDDxYCHgZhY3Rpb24FHC9LQi9hc3BuZXQvTVZDRmxleGlncmlkLmFzcHgWBAIDD2QWAgICD2QWAgIBDxBkZBYAZAIJDxYCHgtfIUl0ZW1Db3VudAIBZAILDw8WAh8ABRwvS0IvYXNwbmV0L01WQ0ZsZXhpZ3JpZC5hc3B4ZGQCEQ8WAh4EVGV4dAULMzEgT2N0IDIwMDhkAhUPFgIfBQUcQ29weXJpZ2h0IDIwMDggYnkgVG9kZCBTbWl0aGRk4xqtnJMtgE5fC8qV39G7EQgfEy0=">
</DIV>

<DIV>

	<INPUT type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCAKa7d3fBALAlMXDBwLBlMXDBwLClMXDBwLDlMXDBwLElMXDBwLP+++tCwK5upDkC2Mx387YMbvTPyJZPYSgTByfgV/T">
</DIV>

			<!-- Main Page Contents Start -->
			<DIV id="contentdiv">
			

<!-- Article Starts -->


<UL class="download">
<LI><A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid/MVCFlexigrid.zip">Download source code - 1.73 MB</A></LI>
</UL>

<P><IMG height="349" alt="flexigrid.jpg" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid.jpg" width="600"></P>

<H2>Introduction</H2>

<P>This article will demonstrate, step-by-step, how to create a basic demo application using Microsoft's new ASP.NET MVC framework and Flexigrid. To keep this demo simple, we will not be covering unit testing, input validation, error handling, data encapsulation, authentication, routing, or any other facets of a well designed MVC application.</P>

<H2>Prerequisites</H2>

<P>At the time of publishing this article, ASP.NET MVC saw its first Beta release. In order for ASP.NET MVC and LINQ to SQL to work properly, you'll need to make sure you have VS2008 SP1 and .NET 3.5 SP1 installed. <STRONG>Important</STRONG>: There are several pre-release products such as <EM>Microsoft Silverlight Tools Beta 1</EM> which will prevent VS2008 SP1 from installing successfully. Therefore, the <EM>VS2008 Service Pack Preparation Tool</EM> should be run prior to installing VS2008 SP1.</P>

<UL>
<LI><A href="http://www.microsoft.com/downloads/details.aspx?FamilyId=A494B0E0-EB07-4FF1-A21C-A4663E456D9D&displaylang=en">Visual Studio 2008 Service Pack Preparation Tool</A>[<A title="New Window" href="http://www.microsoft.com/downloads/details.aspx?FamilyId=A494B0E0-EB07-4FF1-A21C-A4663E456D9D&displaylang=en" target="_blank">^</A>]</LI>

<LI><A href="http://www.microsoft.com/downloads/details.aspx?FamilyId=FBEE1648-7106-44A7-9649-6D9F6D58056E&displaylang=en">Microsoft Visual Studio 2008 Service Pack 1 </A>[<A title="New Window" href="http://www.microsoft.com/downloads/details.aspx?FamilyId=FBEE1648-7106-44A7-9649-6D9F6D58056E&displaylang=en" target="_blank">^</A>]</LI>

<LI><A href="http://www.microsoft.com/downloads/details.aspx?FamilyId=A24D1E00-CD35-4F66-BAA0-2362BDDE0766&displaylang=en">ASP.NET MVC Beta</A>[<A title="New Window" href="http://www.microsoft.com/downloads/details.aspx?FamilyId=A24D1E00-CD35-4F66-BAA0-2362BDDE0766&displaylang=en" target="_blank">^</A>]</LI>

<LI><A href="http://www.webplicity.net/flexigrid/flexigrid.zip">Flexigrid 2.0 (for JQuery)</A>[<A title="New Window" href="http://www.webplicity.net/flexigrid/" target="_blank">^</A>]</LI>
</UL>

<H2>Create a New Project</H2>

<P>The first step is to create a new ASP.NET MVC Web Application project.</P>

<P><IMG height="414" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid-new-project.jpg" width="600"></P>

<P>For this sample, we will not be covering unit testing, so select No in the Create Unit Test Project dialog.</P>

<P><IMG height="324" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid-unit-test.jpg" width="471"></P>

<P>Now that a skeleton project has been created, we can do a bit of cleanup. Let's remove a few of the items we won't be using for this sample.</P>

<UL>
<LI>Go ahead and delete <EM>AccountController.cs</EM>, the <EM>Account</EM> folder under Views, <EM>About.aspx</EM>, and <EM>LoginUserControl.ascx</EM>.</LI>

<LI>Open up <EM>Index.aspx</EM> and remove the markup inside the <CODE>asp:Content</CODE> tags.</LI>

<LI>Open up <EM>Site.Master</EM> and change the title and body content with the following:</LI>

<DIV class="small-text align-right" id="premain0" width="100%" style="display:block"><IMG id="preimg0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="0"><SPAN id="precollapse0" style="cursor: pointer; margin-bottom: 0px; " preid="0"> Collapse</SPAN></DIV><PRE lang="html" id="pre0" style="margin-top: 0px; "><SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">title</SPAN><SPAN class="code-keyword">&gt;</SPAN><SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-keyword">/</SPAN><SPAN class="code-leadattribute">title</SPAN><SPAN class="code-keyword">&gt;</SPAN>

<SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">body</SPAN><SPAN class="code-keyword">&gt;</SPAN>
    <SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">div</SPAN> <SPAN class="code-attribute">class</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">page"</SPAN><SPAN class="code-keyword">&gt;</SPAN>
        <SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">div</SPAN> <SPAN class="code-attribute">id</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">main"</SPAN><SPAN class="code-keyword">&gt;</SPAN>
            <SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">asp:ContentPlaceHolder</SPAN> <SPAN class="code-attribute">ID</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">MainContent"</SPAN> <SPAN class="code-attribute">runat</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">server"</SPAN> <SPAN class="code-keyword">/</SPAN><SPAN class="code-keyword">&gt;</SPAN>
        <SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-keyword">/</SPAN><SPAN class="code-leadattribute">div</SPAN><SPAN class="code-keyword">&gt;</SPAN>
    <SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-keyword">/</SPAN><SPAN class="code-leadattribute">div</SPAN><SPAN class="code-keyword">&gt;</SPAN>
<SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-keyword">/</SPAN><SPAN class="code-leadattribute">body</SPAN><SPAN class="code-keyword">&gt;</SPAN></PRE>

<LI>Open up <EM>HomeController.cs</EM> and remove the <CODE>About</CODE> method and remove everything in the <CODE>Index</CODE> method except for <CODE lang="cs"><SPAN class="code-keyword">return</SPAN> View();</CODE>.</LI>
</UL>

<P>Once the cleanup is complete, the project should look like the following:</P>

<P><IMG height="479" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid-cleanup.jpg" width="292"></P>

<P>Go ahead and debug the application now, and make sure everything runs OK.</P>

<H2>Add a Database</H2>

<P>Next, place a copy of <EM>Northwind.mdf</EM> and <EM>Northwind_log.ldf</EM> in the <EM>App_Data</EM> folder. Right-click the <EM>App_Data</EM> folder in VS and select Add Existing Item, and locate the <EM>Northwind.mdf</EM> file, then click OK. When doing this, VS2008 will automatically update the <EM>web.config</EM> file with a connection string for the database named <EM>NorthwindConnectionString</EM>.</P>

<P>Now, lets create a data access layer using LINQ to SQL. Right-click the <EM>Models</EM> folder in VS and select Add New Item, and create a LINQ to SQL class named <CODE>Customer</CODE>, then click Add.</P>

<P><IMG height="370" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid-model.jpg" width="600"></P>

<H2>LINQ to SQL</H2>

<P>Double-click the <EM>Northwind.mdf</EM> file to open the Object Relational Designer. Find the <EM>Customers</EM> table and drag it onto the designer page to create the data access layer. Click Save, then re-open the Solution Explorer, and you should now have a <EM>Customer.dbml</EM> file in the <EM>Models</EM> folder. This file contains the data context for accessing the database, and is automatically generated by LINQ to SQL. For the Customer data class, the data context will be called <CODE>CustomerDataContext</CODE>. We'll need to add a <CODE lang="cs"><SPAN class="code-keyword">using</SPAN> Flexigrid.Models</CODE> before accessing the <CODE>CustomerDataContext</CODE> class.</P>

<P>Go ahead and run the application now to make sure everything is functioning properly.</P>

<P><IMG height="436" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid-customer.jpg" width="576"></P>

<H2>Flexigrid and JSON</H2>

<P>Next, we'll create a controller method for retrieving the customer data from the database and returning it as a JSON object for Flexigrid. Right-click on the <EM>Controllers</EM> folder and select Add New Item, then create a new MVC Controller class named <EM>JsonController.cs</EM>.</P>

<P><IMG height="370" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid-json.jpg" width="600"></P>

<P>Now, we need to write the code that will query the database for the Customer records and return a data class that, when serialized to JSON, will be in the proper format for the Flexigrid to consume. Flexigrid can support both paging and sorting, both of which are handled server-side. The JSON format that Flixgird expects is as follows:</P>

<DIV class="small-text align-right" id="premain1" width="100%" style="display:block"><IMG id="preimg1" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="1"><SPAN id="precollapse1" style="cursor: pointer; margin-bottom: 0px; " preid="1"> Collapse</SPAN></DIV><PRE lang="jscript" id="pre1" style="margin-top: 0px; ">{
  page: <SPAN class="code-digit">1</SPAN>,      <SPAN class="code-comment">//</SPAN><SPAN class="code-comment"> start at the first 'page' of records</SPAN>
  total: <SPAN class="code-digit">15</SPAN>,      <SPAN class="code-comment">//</SPAN><SPAN class="code-comment"> 'total' number of records returned in the 'rows' field</SPAN>
  rows: [
    <SPAN class="code-comment">//</SPAN><SPAN class="code-comment"> 'id' contains the row identifier </SPAN>
    <SPAN class="code-comment">//</SPAN><SPAN class="code-comment"> followed by an array of strings (one for each column) named 'cell'</SPAN>
    {id: <SPAN class="code-digit">3879</SPAN>, cell: [<SPAN class="code-string">"</SPAN><SPAN class="code-string">"</SPAN>, <SPAN class="code-string">"</SPAN><SPAN class="code-string">"</SPAN>, <SPAN class="code-string">"</SPAN><SPAN class="code-string">"</SPAN>, <SPAN class="code-string">"</SPAN><SPAN class="code-string">"</SPAN>]},                 
  ]
}</PRE>

<P>This is what the first two records of the <EM>Customer</EM> table would look like. Note that the data has been truncated (, ... ,) slightly for readability.</P>

<DIV class="small-text align-right" id="premain2" width="100%" style="display:block"><IMG id="preimg2" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="2"><SPAN id="precollapse2" style="cursor: pointer; margin-bottom: 0px; " preid="2"> Collapse</SPAN></DIV><PRE lang="jscript" id="pre2" style="margin-top: 0px; ">{
  <SPAN class="code-string">"</SPAN><SPAN class="code-string">page"</SPAN>: <SPAN class="code-digit">1</SPAN>,
  <SPAN class="code-string">"</SPAN><SPAN class="code-string">total"</SPAN>: <SPAN class="code-digit">2</SPAN>,
  <SPAN class="code-string">"</SPAN><SPAN class="code-string">rows"</SPAN>:[
    {<SPAN class="code-string">"</SPAN><SPAN class="code-string">id"</SPAN>: <SPAN class="code-string">"</SPAN><SPAN class="code-string">ALFKI"</SPAN>, <SPAN class="code-string">"</SPAN><SPAN class="code-string">cell"</SPAN>: [<SPAN class="code-string">"</SPAN><SPAN class="code-string">ALFKI"</SPAN>,<SPAN class="code-string">"</SPAN><SPAN class="code-string">Alfreds Futterkiste"</SPAN>,
                             <SPAN class="code-string">"</SPAN><SPAN class="code-string">Maria Anders"</SPAN>, ... ,<SPAN class="code-string">"</SPAN><SPAN class="code-string">030-0076545"</SPAN>]},
    {<SPAN class="code-string">"</SPAN><SPAN class="code-string">id"</SPAN>: <SPAN class="code-string">"</SPAN><SPAN class="code-string">ANATR"</SPAN>, <SPAN class="code-string">"</SPAN><SPAN class="code-string">cell"</SPAN>: [<SPAN class="code-string">"</SPAN><SPAN class="code-string">ANATR"</SPAN>,<SPAN class="code-string">"</SPAN><SPAN class="code-string">Ana Trujillo Emparedados y helados"</SPAN>,
                             <SPAN class="code-string">"</SPAN><SPAN class="code-string">Ana Trujillo"</SPAN>,<SPAN class="code-string">"</SPAN><SPAN class="code-string">Owner"</SPAN>, ... ,<SPAN class="code-string">"</SPAN><SPAN class="code-string">(5) 555-3745"</SPAN>]}
  ]
}</PRE>

<P>Add a new class named <CODE>FlexigridObject</CODE> to the project, with the following code. When serializing to JSON, the property name will become the key name. In the <EM>Customer</EM> table, the primary key type is <CODE lang="sql"><SPAN class="code-keyword">nchar</SPAN>(<SPAN class="code-digit">5</SPAN>)</CODE>, so we will use a string to hold the row ID.</P>

<P><IMG height="67" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid-customer-id.jpg" width="343"></P>

<DIV class="small-text align-right" id="premain3" width="100%" style="display:block"><IMG id="preimg3" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="3"><SPAN id="precollapse3" style="cursor: pointer; margin-bottom: 0px; " preid="3"> Collapse</SPAN></DIV><PRE lang="cs" id="pre3" style="margin-top: 0px; "><SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">class</SPAN> FlexigridRow
{
    <SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">string</SPAN> <STRONG>id</STRONG>;
    <SPAN class="code-keyword">public</SPAN> List&lt;string&gt; <STRONG>cell</STRONG> = <SPAN class="code-keyword">new</SPAN> List&lt;string&gt; ();
}

<SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">class</SPAN> FlexigridObject
{
    <SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">int</SPAN> <STRONG>page</STRONG>;
    <SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">int</SPAN> <STRONG>total</STRONG>;
    <SPAN class="code-keyword">public</SPAN> List&lt;FlexigridRow&gt; <STRONG>rows</STRONG> = <SPAN class="code-keyword">new</SPAN> List&lt;FlexigridRow&gt; ();
}</PRE>

<P>Now, let's open up the <EM>JsonController.cs</EM> file and add the following two methods. <CODE>CustomerList()</CODE> will retrieve the full list of customers from the <EM>Customers</EM> table and then populate a <CODE>FlexigridObject</CODE> with the results. In the <CODE>GetPropertyList</CODE> method, we use Reflection to iterate over the <CODE>Customer</CODE> properties, adding each property value to a <CODE>List</CODE>. Be sure to handle the case where a value is <CODE lang="cs"><SPAN class="code-keyword">null</SPAN></CODE>, by returning an empty sting.</P>

<DIV class="small-text align-right" id="premain4" width="100%" style="display:block"><IMG id="preimg4" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="4"><SPAN id="precollapse4" style="cursor: pointer; margin-bottom: 0px; " preid="4"> Collapse</SPAN></DIV><PRE lang="cs" id="pre4" style="margin-top: 0px; "><SPAN class="code-keyword">using</SPAN> Flexigrid.Models;

<SPAN class="code-keyword">public</SPAN> ActionResult CustomersList ()
{
    var db = <SPAN class="code-keyword">new</SPAN> CustomerDataContext ();
    var q = from c <SPAN class="code-keyword">in</SPAN> db.Customers
            select c;

    List&lt;Customer&gt; customers = q.ToList ();
    FlexigridObject flexigridObject = <SPAN class="code-keyword">new</SPAN> FlexigridObject ();
    flexigridObject.page = <SPAN class="code-digit">1</SPAN>;
    flexigridObject.total = db.Customers.Count ();
    <SPAN class="code-keyword">foreach</SPAN> (Customer customer <SPAN class="code-keyword">in</SPAN> customers)
    {
        FlexigridRow row = <SPAN class="code-keyword">new</SPAN> FlexigridRow ()
    {
            id = customer.CustomerID,
            cell = GetPropertyList (customer)
    };
        flexigridObject.rows.Add (row);
    }
    <SPAN class="code-keyword">return</SPAN> View (<SPAN class="code-string">"</SPAN><SPAN class="code-string">FlexigridObject"</SPAN>, flexigridObject);
}

<SPAN class="code-keyword">private</SPAN> List&lt;string&gt; GetPropertyList (<SPAN class="code-keyword">object</SPAN> obj)
{
    List&lt;string&gt; propertyList = <SPAN class="code-keyword">new</SPAN> List&lt;string&gt; ();

    Type type = obj.GetType ();
    PropertyInfo[] properties = type.GetProperties (BindingFlags.Instance | 
                                                    BindingFlags.Public);
    <SPAN class="code-keyword">foreach</SPAN> (PropertyInfo property <SPAN class="code-keyword">in</SPAN> properties)
    {
        <SPAN class="code-keyword">object</SPAN> o = property.GetValue (obj, <SPAN class="code-keyword">null</SPAN>);
        propertyList.Add (o == <SPAN class="code-keyword">null</SPAN> ? <SPAN class="code-string">"</SPAN><SPAN class="code-string">"</SPAN> : o.ToString ());
    }
    <SPAN class="code-keyword">return</SPAN> propertyList;
}</PRE>

<H2>Adding a View</H2>

<P>Even though we haven't added the view yet, let's go ahead and compile and run the code then navigate to the <CODE>CustomersList</CODE> action we just added (e.g.: <EM>http://localhost:1526/Json/CustomersList</EM>). We should get the following error:</P>

<DIV class="small-text align-right" id="premain5" width="100%" style="display:block"><IMG id="preimg5" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="5"><SPAN id="precollapse5" style="cursor: pointer; margin-bottom: 0px; " preid="5"> Collapse</SPAN></DIV><PRE lang="text" id="pre5" style="margin-top: 0px; ">The view 'FlexigridObject' or its master could not be found.
The following locations were searched:
~/Views/json/FlexigridObject.aspx
~/Views/json/FlexigridObject.ascx
~/Views/Shared/FlexigridObject.aspx
~/Views/Shared/FlexigridObject.ascx</PRE>

<P>This tells us that the default routing logic in ASP.NET MVC is expecting a view page (<EM>.aspx</EM>) or view control (<EM>.ascx</EM>) named "<CODE>FlexigridObject</CODE>" located in the <EM>Views</EM> folder. Since we only need to output a JSON result, we can get by with a simple view control. Let's create a sub-folder in <EM>Views</EM> named <EM>json</EM> and add a new ASP.NET MVC View User Control named <EM>FlexigridObject.ascx</EM>.</P>

<P><IMG height="370" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid-user-control.jpg" width="600"></P>

<P>Now, we need to set the data type for the view user control data model. Open <EM>FlexigridObject.ascx.cs</EM> and modify the class to be the following:</P>

<DIV class="small-text align-right" id="premain6" width="100%" style="display:block"><IMG id="preimg6" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="6"><SPAN id="precollapse6" style="cursor: pointer; margin-bottom: 0px; " preid="6"> Collapse</SPAN></DIV><PRE lang="cs" id="pre6" style="margin-top: 0px; "><SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">partial</SPAN> <SPAN class="code-keyword">class</SPAN> FlexigridObject : ViewUserControl &lt;Flexigrid.FlexigridObject&gt;</PRE>

<H2>LINQ to SQL</H2>

<P>Next, we need to add a method which will serialize the <CODE>FlexigridObject</CODE> into a JSON result. Add a new class named <EM>JsonSerializer.cs</EM> with the following code:</P>

<DIV class="small-text align-right" id="premain7" width="100%" style="display:block"><IMG id="preimg7" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="7"><SPAN id="precollapse7" style="cursor: pointer; margin-bottom: 0px; " preid="7"> Collapse</SPAN></DIV><PRE lang="cs" id="pre7" style="margin-top: 0px; "><SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">class</SPAN> JsonSerializer
{
    <SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">static</SPAN> <SPAN class="code-keyword">string</SPAN> ToJsonObject (<SPAN class="code-keyword">object</SPAN> obj)
    {
        DataContractJsonSerializer serializer = 
            <SPAN class="code-keyword">new</SPAN> DataContractJsonSerializer (obj.GetType ());
        <SPAN class="code-keyword">using</SPAN> (MemoryStream ms = <SPAN class="code-keyword">new</SPAN> MemoryStream ())
        {
            serializer.WriteObject (ms, obj);
            StringBuilder sb = <SPAN class="code-keyword">new</SPAN> StringBuilder ();
            sb.Append (Encoding.Default.GetString (ms.ToArray ()));
            <SPAN class="code-keyword">return</SPAN> sb.ToString ();
        }
    }
}</PRE>

<P>In order to use the JSON serialization classes, we need to add the following references to the project:</P>

<UL>
<LI><CODE>System.Runtime.Serialization</CODE></LI>

<LI><CODE>System.ServiceModel</CODE></LI>

<LI><CODE>System.ServiceModel.Web</CODE></LI>
</UL>

<P>Now, we can go to the Flexigrid view user control (<EM>FlexigridObject.ascx</EM>) and add the following line:</P>

<DIV class="small-text align-right" id="premain8" width="100%" style="display:block"><IMG id="preimg8" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="8"><SPAN id="precollapse8" style="cursor: pointer; margin-bottom: 0px; " preid="8"> Collapse</SPAN></DIV><PRE lang="xml" id="pre8" style="margin-top: 0px; "><SPAN class="code-pagedirective">&lt;%</SPAN>= Flexigrid.JsonSerializer.ToJsonObject (ViewData.Model) <SPAN class="code-pagedirective">%&gt;</SPAN></PRE>

<P>Let's compile and run the code, then navigate to the <CODE>CustomerList</CODE> action (e.g.: <EM>http://localhost:1526/Json/CustomersList</EM>). Woah! If all goes well, you should see a giant blob of data containing all the rows from the <EM>Customers</EM> table formatted as a Fleixgrid JSON object. Now, we have a URL which we can feed to a Flexigrid table.</P>

<H2>Finishing the View</H2>

<P>We're almost done. We need to add the Flexigrid library to our project. First, download <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#flexigrid-download">Flexigrid</A> and extract the zip to the <EM>Contents</EM> folder. We still need to add the files to our solution, so open Windows Explorer and navigate to the <EM>Contents</EM> folder. Now, drag the <EM>flexigrid</EM> folder from Windows Explorer and drop it onto the <EM>Contents</EM> folder in VS2008. You should see the following results:</P>

<P><IMG height="493" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid-contents-drop.jpg" width="600"></P>

<P>Open <EM>Site.Master</EM> and add the following lines to the header. Note: the <EM>jquery.js</EM> include must come before <EM>flexigrid.js</EM>, or you will receive a JavaScript error.</P>

<DIV class="small-text align-right" id="premain9" width="100%" style="display:block"><IMG id="preimg9" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="9"><SPAN id="precollapse9" style="cursor: pointer; margin-bottom: 0px; " preid="9"> Collapse</SPAN></DIV><PRE lang="html" id="pre9" style="margin-top: 0px; "><SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">script</SPAN> <SPAN class="code-attribute">src</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">../../Content/flexigrid/lib/jquery/jquery.js"</SPAN> <SPAN class="code-attribute">type</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">text/javascript"</SPAN><SPAN class="code-keyword">&gt;</SPAN><SPAN class="code-keyword">&lt;/</SPAN><SPAN class="code-leadattribute">script</SPAN><SPAN class="code-keyword">&gt;</SPAN>
<SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">script</SPAN> <SPAN class="code-attribute">src</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">../../Content/flexigrid/flexigrid.js"</SPAN> <SPAN class="code-attribute">type</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">text/javascript"</SPAN><SPAN class="code-keyword">&gt;</SPAN><SPAN class="code-keyword">&lt;/</SPAN><SPAN class="code-leadattribute">script</SPAN><SPAN class="code-keyword">&gt;</SPAN>
<SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">link</SPAN> <SPAN class="code-attribute">href</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">../../Content/flexigrid/css/flexigrid/flexigrid.css"</SPAN> 
      <SPAN class="code-attribute">rel</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">stylesheet"</SPAN> <SPAN class="code-attribute">type</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">text/css"</SPAN> <SPAN class="code-keyword">/</SPAN><SPAN class="code-keyword">&gt;</SPAN></PRE>

<P>Next, open up the <EM>Index.aspx</EM> page and add the following code:</P>

<DIV class="small-text align-right" id="premain10" width="100%" style="display:block"><IMG id="preimg10" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="10"><SPAN id="precollapse10" style="cursor: pointer; margin-bottom: 0px; " preid="10"> Collapse</SPAN></DIV><PRE lang="jscript" id="pre10" style="margin-top: 0px; ">&lt;div&gt;
    &lt;table id=<SPAN class="code-string">"</SPAN><SPAN class="code-string">customers"</SPAN> style=<SPAN class="code-string">"</SPAN><SPAN class="code-string">display:none"</SPAN>&gt;<SPAN class="code-keyword">&lt;/</SPAN><SPAN class="code-leadattribute">table</SPAN><SPAN class="code-keyword">&gt;</SPAN>
    <SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">script</SPAN> <SPAN class="code-attribute">type</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">text/javascript"</SPAN><SPAN class="code-keyword">&gt;</SPAN>
        $(<SPAN class="code-string">"</SPAN><SPAN class="code-string">#customers"</SPAN>).flexigrid({
            url: <SPAN class="code-string">'</SPAN><SPAN class="code-string">/Json/CustomersList'</SPAN>,
            dataType: <SPAN class="code-string">'</SPAN><SPAN class="code-string">json'</SPAN>,
            colModel: [
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">ID'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">CustomerID'</SPAN>, width: <SPAN class="code-digit">40</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>},
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Company'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">CompanyName'</SPAN>, width: <SPAN class="code-digit">100</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>},
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Name'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">ContactName'</SPAN>, width: <SPAN class="code-digit">100</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>},
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Title'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">ContactTitle'</SPAN>, width: <SPAN class="code-digit">100</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>},
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Address'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Address'</SPAN>, width: <SPAN class="code-digit">100</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>},
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">City'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">City'</SPAN>, width: <SPAN class="code-digit">80</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>},
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Region'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Region'</SPAN>, width: <SPAN class="code-digit">60</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>},
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Postal Code'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Postalcode'</SPAN>, width: <SPAN class="code-digit">80</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>},
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Country'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Country'</SPAN>, width: <SPAN class="code-digit">80</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>},
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Phone'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Phone'</SPAN>, width: <SPAN class="code-digit">80</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>},
             {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Fax'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Fax'</SPAN>, width: <SPAN class="code-digit">80</SPAN>, 
                       sortable: <SPAN class="code-keyword">true</SPAN>, align: <SPAN class="code-string">'</SPAN><SPAN class="code-string">left'</SPAN>}
            ],
            searchitems: [
                {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Company'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">CompanyName'</SPAN>},
                {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Name'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">ContactName'</SPAN>},
                {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Title'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">ContactTitle'</SPAN>},
                {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Address'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Address'</SPAN>},
                {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">City'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">City'</SPAN>},
                {display: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Country'</SPAN>, name: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Country'</SPAN>}
                ],
            sortname: <SPAN class="code-string">'</SPAN><SPAN class="code-string">CustomerID'</SPAN>,
            sortorder: <SPAN class="code-string">'</SPAN><SPAN class="code-string">asc'</SPAN>,
            usepager: <SPAN class="code-keyword">true</SPAN>,
            title: <SPAN class="code-string">'</SPAN><SPAN class="code-string">Customers'</SPAN>,
            useRp: <SPAN class="code-keyword">true</SPAN>,
            rp: <SPAN class="code-digit">15</SPAN>,
            showTableToggleBtn: <SPAN class="code-keyword">true</SPAN>,
            width: <SPAN class="code-digit">1040</SPAN>,
            height: <SPAN class="code-digit">380</SPAN>
        });
    <SPAN class="code-keyword">&lt;</SPAN>/script<SPAN class="code-keyword">&gt;</SPAN>
<SPAN class="code-keyword">&lt;</SPAN>/div<SPAN class="code-keyword">&gt;</SPAN></PRE>

<P>If all goes well and you haven't committed any typos, you should be presented with a Flexigrid containing all of the records from the <EM>Northwind.Cusotmers</EM> table. However, you may notice that none of the Flexigrid control features work yet such as column sorting, searching, or paging. For that, we will need to call upon a mysterious magic that is LINQ.</P>

<H2>LINQ and Beyond</H2>

<P>In Flexigrid, all of the sorting, searching, and paging is done server-side. Flexigrid passes the following form variables to our controller:</P>

<UL>
<LI><CODE>page</CODE> - when paging is enabled, represents the page number Flexigrid is requesting.</LI>

<LI><CODE>rp</CODE> - when paging is enabled, represents the number of results per page.</LI>

<LI><CODE>qtype</CODE> - the name of the column to search in when performing a keyword search.</LI>

<LI><CODE>query</CODE> - contains the keyword to use when performing a search</LI>

<LI><CODE>sortname</CODE> - the column name to sort by.</LI>

<LI><CODE>sortorder</CODE> - ascending or descending.</LI>
</UL>

<P>We need to use the above form variables to modify our select query to return a subset of records. Add another action handler to the JSON controller called <CODE>FlexigridList</CODE>.</P>

<DIV class="small-text align-right" id="premain11" width="100%" style="display:block"><IMG id="preimg11" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="11"><SPAN id="precollapse11" style="cursor: pointer; margin-bottom: 0px; " preid="11"> Collapse</SPAN></DIV><PRE lang="cs" id="pre11" style="margin-top: 0px; "><SPAN class="code-keyword">public</SPAN> ActionResult FlexigridList ()
{
    <SPAN class="code-keyword">int</SPAN> page = <SPAN class="code-keyword">int</SPAN>.Parse (Request.Form[<SPAN class="code-string">"</SPAN><SPAN class="code-string">page"</SPAN>]);
    <SPAN class="code-keyword">int</SPAN> rp = <SPAN class="code-keyword">int</SPAN>.Parse (Request.Form[<SPAN class="code-string">"</SPAN><SPAN class="code-string">rp"</SPAN>]);
    <SPAN class="code-keyword">string</SPAN> qtype = Request.Form[<SPAN class="code-string">"</SPAN><SPAN class="code-string">qtype"</SPAN>].ToString ();
    <SPAN class="code-keyword">string</SPAN> query = Request.Form[<SPAN class="code-string">"</SPAN><SPAN class="code-string">query"</SPAN>].ToString ();
    <SPAN class="code-keyword">string</SPAN> sortname = Request.Form[<SPAN class="code-string">"</SPAN><SPAN class="code-string">sortname"</SPAN>].ToString ();
    <SPAN class="code-keyword">string</SPAN> sortorder = Request.Form[<SPAN class="code-string">"</SPAN><SPAN class="code-string">sortorder"</SPAN>].ToString ();

    var q = from c <SPAN class="code-keyword">in</SPAN> db.Customers
            select c;

    <SPAN class="code-keyword">if</SPAN> (!string.IsNullOrEmpty (qtype) &amp;&amp; !string.IsNullOrEmpty (query))
    {
        q = q.Like(qtype, query);
    }

    q = q.Skip ((page - <SPAN class="code-digit">1</SPAN>) * rp).Take (rp);

    <SPAN class="code-keyword">if</SPAN> (!string.IsNullOrEmpty (sortname) &amp;&amp; !string.IsNullOrEmpty (sortorder))
    {
        q = q.OrderBy (sortname, (sortorder == <SPAN class="code-string">"</SPAN><SPAN class="code-string">asc"</SPAN>));
    }

    List&lt;Customer&gt; customers = q.ToList ();
    FlexigridObject flexigridObject = <SPAN class="code-keyword">new</SPAN> FlexigridObject ();
    flexigridObject.page = page;
    flexigridObject.total = db.Customers.Count ();
    <SPAN class="code-keyword">foreach</SPAN> (Customer customer <SPAN class="code-keyword">in</SPAN> customers)
    {
        FlexigridRow row = <SPAN class="code-keyword">new</SPAN> FlexigridRow ()
        {
            id = customer.CustomerID,
            cell = GetPropertyList (customer)
        };
        flexigridObject.rows.Add (row);
    }

    <SPAN class="code-keyword">return</SPAN> View (<SPAN class="code-string">"</SPAN><SPAN class="code-string">FlexigridObject"</SPAN>, flexigridObject);
}</PRE>

<P>To support sorting and searching, we can extend LINQ with a couple of extension methods, as follows:</P>

<DIV class="small-text align-right" id="premain12" width="100%" style="display:block"><IMG id="preimg12" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/minus.gif" style="cursor: pointer; " height="9" width="9" preid="12"><SPAN id="precollapse12" style="cursor: pointer; margin-bottom: 0px; " preid="12"> Collapse</SPAN></DIV><PRE lang="cs" id="pre12" style="margin-top: 0px; "><SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">static</SPAN> <SPAN class="code-keyword">class</SPAN> ExtensionMethods
{
  <SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">static</SPAN> IQueryable&lt;T&gt; OrderBy&lt;T&gt; (
         <SPAN class="code-keyword">this</SPAN> IQueryable&lt;T&gt; source, <SPAN class="code-keyword">string</SPAN> propertyName, <SPAN class="code-keyword">bool</SPAN> asc)
  {
    var type = <SPAN class="code-keyword">typeof</SPAN> (T);
    <SPAN class="code-keyword">string</SPAN> methodName = asc ? <SPAN class="code-string">"</SPAN><SPAN class="code-string">OrderBy"</SPAN> : <SPAN class="code-string">"</SPAN><SPAN class="code-string">OrderByDescending"</SPAN>;
    var property = type.GetProperty (propertyName);
    var parameter = Expression.Parameter (type, <SPAN class="code-string">"</SPAN><SPAN class="code-string">p"</SPAN>);
    var propertyAccess = Expression.MakeMemberAccess (parameter, property);
    var orderByExp = Expression.Lambda (propertyAccess, parameter);
    MethodCallExpression resultExp = Expression.Call (<SPAN class="code-keyword">typeof</SPAN> (Queryable), methodName, 
                      <SPAN class="code-keyword">new</SPAN> Type[] { type, property.PropertyType }, 
                      source.Expression, Expression.Quote (orderByExp));
    <SPAN class="code-keyword">return</SPAN> source.Provider.CreateQuery &lt;T&gt; (resultExp);
  }

  <SPAN class="code-keyword">public</SPAN> <SPAN class="code-keyword">static</SPAN> IQueryable&lt;T&gt; Like&lt;T&gt; (<SPAN class="code-keyword">this</SPAN> IQueryable&lt;T&gt; source, 
                <SPAN class="code-keyword">string</SPAN> propertyName, <SPAN class="code-keyword">string</SPAN> keyword)
  {
    var type = <SPAN class="code-keyword">typeof</SPAN> (T);
    var property = type.GetProperty (propertyName);
    var parameter = Expression.Parameter (type, <SPAN class="code-string">"</SPAN><SPAN class="code-string">p"</SPAN>);
    var propertyAccess = Expression.MakeMemberAccess (parameter, property);
    var constant = Expression.Constant (<SPAN class="code-string">"</SPAN><SPAN class="code-string">%"</SPAN> + keyword + <SPAN class="code-string">"</SPAN><SPAN class="code-string">%"</SPAN>);
    var like = <SPAN class="code-keyword">typeof</SPAN>(SqlMethods).GetMethod (<SPAN class="code-string">"</SPAN><SPAN class="code-string">Like"</SPAN>, 
               <SPAN class="code-keyword">new</SPAN> Type[] {<SPAN class="code-keyword">typeof</SPAN> (<SPAN class="code-keyword">string</SPAN>), <SPAN class="code-keyword">typeof</SPAN> (<SPAN class="code-keyword">string</SPAN>)});
    MethodCallExpression methodExp = 
          Expression.Call (<SPAN class="code-keyword">null</SPAN>, like, propertyAccess, constant);
    Expression&lt;Func&lt;T, bool&gt;&gt; lambda = 
          Expression.Lambda&lt;Func&lt;T, bool&gt;&gt; (methodExp, parameter);
    <SPAN class="code-keyword">return</SPAN> source.Where (lambda);
  }
}</PRE>

<P>Open <EM>Index.aspx</EM> and update the URL '<EM>/Json/CustomersList</EM>' to point to the URL '<EM>/Json/FlexigridList</EM>'.</P>

<P>You should now have a fully functional ASP.NET MVC / Flexigrid / JSON / LINQ to SQL demo for impressing all of your friends or padding your resume.</P>

<P><IMG height="384" alt="flexigrid-complete.jpg" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/flexigrid-complete.jpg" width="600"></P>

<H2>History</H2>

<UL>
<LI>10.31.2008 &gt; Initial publishing.</LI>

<LI>11.03.2008 &gt; Updated based on user feedback.</LI>
</UL>






			</DIV>
			<!-- Main Page Contents End -->

			
			
			<H2>License</H2>
			<DIV id="ctl00_LicenseTerms"><P>This article, along with any associated source code and files, is licensed under <A href="http://www.codeproject.com/info/cpol10.aspx">The Code Project Open License (CPOL)</A></P></DIV>
			

			
			<H2 id="ctl00_AboutHeading">About the Author</H2>

			<DIV class="float-right">
			<DIV id="ctl00_AdWords" style="display:inline-block; width:300px; height:250px; " title=""><IFRAME src="./ASP.NET MVC Flexigrid sample - CodeProject_files/ServeHtml.htm" frameborder="0" scrolling="no" width="300px" height="250px"></IFRAME></DIV>
			</DIV>

			
			
   
<TABLE cellpadding="0" cellspacing="5" border="0">
<TBODY><TR valign="top">
<TD id="ctl00_AboutAuthorRptr_ctl00_AboutAuthor_memberPhotoTable" valign="top" style="width:155px;">
	<B><A id="ctl00_AboutAuthorRptr_ctl00_AboutAuthor_memberProfileLink" href="http://www.codeproject.com/Members/Todd-Smith">Todd Smith</A></B><BR><BR>
	<CENTER><IMG id="ctl00_AboutAuthorRptr_ctl00_AboutAuthor_memberPhoto" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/{24E14A4E-C0DA-4B8A-BE92-8C7BE09B4517}.jpg" style="border-width:0px;"></CENTER><BR>
	<SPAN id="ctl00_AboutAuthorRptr_ctl00_AboutAuthor_memberJobTitle" class="small-text">Software Developer (Senior)</SPAN><BR>
	<SPAN id="ctl00_AboutAuthorRptr_ctl00_AboutAuthor_memberCompany" class="small-text"></SPAN><BR>
	<SPAN id="ctl00_AboutAuthorRptr_ctl00_AboutAuthor_memberLocation" class="small-text"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/US.gif" alt="United States" width="16px" height="11px"> United States</SPAN><BR>
	<BR><SPAN id="ctl00_AboutAuthorRptr_ctl00_AboutAuthor_memberType" class="small-text">Member</SPAN>		
	<BR>
</TD>

<TD>
	<BR>	
</TD>
</TR>
</TBODY></TABLE><BR>
			
			

			<DIV class="clearfix"></DIV>

			
			<DIV id="ctl00_RateArticleRow" class="clearfix voting-bar">
			<DIV class="column8_1" style="padding-top:8px"> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#_top">Article Top</A></DIV>
			<DIV class="column8_7 align-right"><DIV id="ctl00_RateArticle_RateItemWrapper" class="container-rating small-text" name="RateItem_30588">

<TABLE width="100%" cellpadding="0" cellspacing="0" small-text="">
<TBODY><TR>
	<TD id="ctl00_RateArticle_VoteResultDiv" nowrap="nowrap" align="right" width="100%">
		<SPAN class="voteRes"></SPAN>
		<IMG class="loaderImg" width="16px" alt="loading..." height="16px" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/ajax-loader.gif" style="display:none;"> 
	</TD>

	
	<TD class="voteTbl" style="white-space:nowrap" align="right">
		<TABLE class="small-text">
		<TBODY><TR valign="middle">
			
			<TD id="ctl00_RateArticle_RateText" style="padding-right:5px;white-space:nowrap">
				<I><B>Rate this article for us!</B></I>
			</TD>

			<TD id="ctl00_RateArticle_StartForm" align="right" nowrap="nowrap">
				<I>&nbsp;&nbsp;Poor</I>
			</TD>

			<TD id="ctl00_RateArticle_VoteFormDiv" style="white-space:nowrap" align="left">
				<TABLE id="ctl00_RateArticle_VoteRBL" class="radio" border="0">
	<TBODY><TR>
		<TD><INPUT id="ctl00_RateArticle_VoteRBL_0" type="radio" name="ctl00$RateArticle$VoteRBL" value="1" onclick="ChkRtctl00_RateArticle(1, 30588);"></TD><TD><INPUT id="ctl00_RateArticle_VoteRBL_1" type="radio" name="ctl00$RateArticle$VoteRBL" value="2" onclick="ChkRtctl00_RateArticle(2, 30588);"></TD><TD><INPUT id="ctl00_RateArticle_VoteRBL_2" type="radio" name="ctl00$RateArticle$VoteRBL" value="3" onclick="ChkRtctl00_RateArticle(3, 30588);"></TD><TD><INPUT id="ctl00_RateArticle_VoteRBL_3" type="radio" name="ctl00$RateArticle$VoteRBL" value="4" onclick="ChkRtctl00_RateArticle(4, 30588);"></TD><TD><INPUT id="ctl00_RateArticle_VoteRBL_4" type="radio" name="ctl00$RateArticle$VoteRBL" value="5" onclick="ChkRtctl00_RateArticle(5, 30588);"></TD>
	</TR>
</TBODY></TABLE> 
			</TD>

			<TD id="ctl00_RateArticle_EndForm" align="left">
				<I>Excellent</I>
			</TD>

			<TD id="ctl00_RateArticle_VoteBtn">	
				<INPUT type="submit" name="ctl00$RateArticle$SubmitRateBtn" value="Vote" onclick="return rateItem(30588,2,1,true,true,3);" id="ctl00_RateArticle_SubmitRateBtn" class="button">
			</TD>

		</TR>
		</TBODY></TABLE>
		<SPAN id="ctl00_RateArticle_ErrorMessage" class="error"></SPAN>
	</TD>
</TR>
</TBODY></TABLE>

<DIV id="ctl00_RateArticle_RCD" class="rating-comment align-left float-right" style="display: none; ">
	Add a reason or comment to your vote: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" id="clear-rate_ctl00_RateArticle_RCD" title="close">x</A><BR>
	<TEXTAREA class="RateComment" rows="5" cols="60" style="width:98%;"></TEXTAREA>
</DIV>

</DIV></DIV>
			</DIV>
			

		</FORM>

		
		<DIV style="margin:auto;padding:0px 10px;white-space:nowrap;overflow:hidden;width:460px;height:60px">		  
			<SCRIPT type="text/javascript">document.write(unescape("%3ca%20href%3d%22http%3a%2f%2fwww.codeproject.com%2fRedir.aspx%3fadid%3d13688%26adcrid%3d12375%26obid%3d30588%26obtid%3d2%26way%3dban%22%20target%3d%22_blank%22%20rel%3d%22nofollow%22%3e%3cimg%20id%3d%22ctl00_BottomAd%22%20src%3d%22%2fimages%2ft.gif%22%20width%3d%22468px%22%20height%3d%2260px%22%20alt%3d%22%22%20border%3d%220%22%2f%3e%3c%2fa%3e"));</SCRIPT><A href="http://www.codeproject.com/Redir.aspx?adid=13688&adcrid=12375&obid=30588&obtid=2&way=ban" target="_blank" rel="nofollow"><IMG id="ctl00_BottomAd" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/ServeImg.aspx" width="468px" height="60px" alt="" border="0"></A>
		</DIV>
		

		
		
		<H2>Comments and Discussions</H2>
		<A name="_comments"></A><!-- Forum Start -->
<DIV id="_MessageBoard" onclick="return SwitchMessage(event, null)">
	<TABLE id="ForumTable" class="box theme3-background theme1-border fixed-layout tight" cellpadding="0" cellspacing="0">
		<TBODY><TR>
			<TD><TABLE width="100%" border="0" cellpadding="3px" cellspacing="0">
				<TBODY><TR class="forum-header1">
					<TD style="white-space:nowrap;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/info-16.gif" alt="FAQ" style="border-width:0;width:16px;height:16px;vertical-align:middle;">&nbsp;<A href="http://www.codeproject.com/KB/FAQs/MessageBoardsFAQ.aspx"><B>FAQ</B></A>&nbsp;</TD><TD colspan="2" style="white-space:nowrap;text-align:right;"><FORM action="http://www.codeproject.com/script/Forums/Search.aspx?fid=0" method="get" style="margin:0;padding:0;">
						<INPUT type="hidden" name="fid" value="1529580"><INPUT type="text" class="Frm_Input" name="kw">&nbsp;<INPUT type="submit" value="Search" name="FrmSrch" class="button">
					</FORM></TD>
				</TR><TR class="forum-header2">
					<TD colspan="3" style="width:100%;"><DIV style="text-align:right;">
						<FORM action="http://www.codeproject.com/script/Forums/SetOptions.aspx?floc=%2fKB%2faspnet%2fMVCFlexigrid.aspx&fid=1529580&df=90&mpp=25&noise=3&sort=Position&view=Quick" method="get" style="margin:0;padding:0;">
							<INPUT type="hidden" name="fid" value="1529580"><INPUT type="hidden" name="currentQS" value="?floc=%2fKB%2faspnet%2fMVCFlexigrid.aspx&amp;fid=1529580&amp;df=90&amp;mpp=25&amp;noise=3&amp;sort=Position&amp;view=Quick"><INPUT type="hidden" name="floc" value="/KB/aspnet/MVCFlexigrid.aspx">Noise Tolerance<SELECT size="1" class="Frm_DropDown" name="noise">
								<OPTION value="1">Very High</OPTION><OPTION value="2">High</OPTION><OPTION selected="" value="3">Medium</OPTION><OPTION value="4">Low</OPTION><OPTION value="5">Very Low</OPTION>
							</SELECT>&nbsp;&nbsp;Layout<SELECT size="1" class="Frm_DropDown" name="view">
								<OPTION selected="" value="Quick">Normal</OPTION><OPTION value="Topic">Expand Posts only</OPTION><OPTION value="Expanded">Expand Posts &amp; Replies</OPTION><OPTION value="Thread">Thread View</OPTION><OPTION value="Normal">No Javascript</OPTION><OPTION value="Preview">No JS + Preview</OPTION>
							</SELECT>&nbsp;&nbsp;Per page<SELECT size="1" class="Frm_DropDown" name="mpp">
								<OPTION value="10">10</OPTION><OPTION selected="" value="25">25</OPTION><OPTION value="50">50</OPTION>
							</SELECT>&nbsp;&nbsp;&nbsp;<INPUT type="submit" value="Update" name="SetOpt" class="button">
						</FORM>
					</DIV></TD>
				</TR>
			</TBODY></TABLE></TD>
		</TR><TR>
			<TD><A name="xx0xx"></A><TABLE border="0" cellpadding="2px" cellspacing="0" width="100%">
				<TBODY><TR class="forum-navbar">
					<TD><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/forum_newmsg.gif" alt="new" width="16px" height="16px" border="0" align="top"><A href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&floc=/KB/aspnet/MVCFlexigrid.aspx" class="toolbar" name="Frm_HoverNL" title="Create a new message thread" target="_top"><B>New Message</B></A></TD><TD>Msgs 1 to 25 of 56 (Total in Forum: 56) (<A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&noise=3&sort=Position&view=Quick">Refresh</A>)</TD><TD style="text-align:right;white-space:nowrap;"><SPAN class="toolbar">First</SPAN><SPAN class="toolbar">Prev</SPAN><A class="toolbar" name="Frm_HoverNL" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&noise=3&sort=Position&view=Quick&fr=26#xx0xx">Next</A></TD>
				</TR>
			</TBODY></TABLE></TD>
		</TR><TR>
			<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%" class="fixed-layout blank-background">
				<TBODY><TR>
					<TD><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="5px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd Rt HdUnSel " id="F3491400_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx3491400xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3491400" href="http://www.codeproject.com/Messages/3491400/well-done.aspx">well done</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=483675">Donsw</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">16:45 2 Jun '10 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3491400_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">Well done. <BR>MVC is a great pattern and code<BR>good coing.<BR><DIV class="signature">cheers,<BR>Donsw<BR>My Recent Article : CDC - Change Data Capture</DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3491400&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3491400&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3491400" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3491400/well-done.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3491400&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3491400" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(483675,3491400,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3491400xx" onclick="RateMsg(483675, 3491400,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3491400xx" title="vote this message a 1" onclick="RateMsg(483675, 3491400, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3491400xx" title="vote this message a 2" onclick="RateMsg(483675, 3491400, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3491400xx" title="vote this message a 3" onclick="RateMsg(483675, 3491400, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3491400xx" title="vote this message a 4" onclick="RateMsg(483675, 3491400, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3491400xx" title="vote this message a 5" onclick="RateMsg(483675, 3491400, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3491400xx" onclick="RateMsg(483675, 3491400,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd LoVote Rt HdUnSel " id="F3478504_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx3478504xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3478504" href="http://www.codeproject.com/Messages/3478504/Flexigrid-works-in-VS2008-not-in-IIS6.aspx">Flexigrid works in VS2008, not in IIS6</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=6729834">bfaoei</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">15:53 20 May '10 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3478504_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">I completely followed the instructions in this article to build a flexigrid project. It works great when tested in VS2008, but when I move the code to the web server (IIS6), it only shows a blank table with a message at the bottom "Processing, please wait...".<BR><BR>Any idea will be appreciated.<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3478504&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3478504&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3478504" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3478504/Flexigrid-works-in-VS2008-not-in-IIS6.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3478504&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3478504" style="white-space:nowrap;">2.00/5 (1 vote) <SCRIPT type="text/javascript">
												MsgVFrm(6729834,3478504,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3478504xx" onclick="RateMsg(6729834, 3478504,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3478504xx" title="vote this message a 1" onclick="RateMsg(6729834, 3478504, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3478504xx" title="vote this message a 2" onclick="RateMsg(6729834, 3478504, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3478504xx" title="vote this message a 3" onclick="RateMsg(6729834, 3478504, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3478504xx" title="vote this message a 4" onclick="RateMsg(6729834, 3478504, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3478504xx" title="vote this message a 5" onclick="RateMsg(6729834, 3478504, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3478504xx" onclick="RateMsg(6729834, 3478504,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd Rt HdUnSel " id="F3445917_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx3445917xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3445917" href="http://www.codeproject.com/Messages/3445917/when-i-use-JsonSerializer-class.aspx">when i use JsonSerializer class....</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=1962724">ranzige</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">23:47 20 Apr '10 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3445917_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">error:DateTime values that are greater than DateTime.MaxValue or smaller than DateTime.MinValue when converted to UTC cannot be serialized to JSON.<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3445917&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3445917&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3445917" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3445917/when-i-use-JsonSerializer-class.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3445917&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3445917" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(1962724,3445917,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3445917xx" onclick="RateMsg(1962724, 3445917,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3445917xx" title="vote this message a 1" onclick="RateMsg(1962724, 3445917, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3445917xx" title="vote this message a 2" onclick="RateMsg(1962724, 3445917, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3445917xx" title="vote this message a 3" onclick="RateMsg(1962724, 3445917, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3445917xx" title="vote this message a 4" onclick="RateMsg(1962724, 3445917, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3445917xx" title="vote this message a 5" onclick="RateMsg(1962724, 3445917, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3445917xx" onclick="RateMsg(1962724, 3445917,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd Rt HdUnSel " id="F3442560_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx3442560xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3442560" href="http://www.codeproject.com/Messages/3442560/Fluent-MVC-control.aspx">Fluent MVC control</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=2924078">Rajeesh.C.V</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">3:21 18 Apr '10 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3442560_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">Hi,<BR><BR>I was inspired by your articles and started a new project which is a Fluent MVC control for FlexiGrid. You could check this out from here <A href="http://code.google.com/p/mvc-fluent-jquery-plugin-controls/">http://code.google.com/p/mvc-fluent-jquery-plugin-controls/</A>[<A href="http://code.google.com/p/mvc-fluent-jquery-plugin-controls/" target="_blank" title="New Window">^</A>]<BR><BR>Thanks,<BR>Rajeesh<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3442560&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3442560&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3442560" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3442560/Fluent-MVC-control.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3442560&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3442560" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(2924078,3442560,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3442560xx" onclick="RateMsg(2924078, 3442560,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3442560xx" title="vote this message a 1" onclick="RateMsg(2924078, 3442560, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3442560xx" title="vote this message a 2" onclick="RateMsg(2924078, 3442560, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3442560xx" title="vote this message a 3" onclick="RateMsg(2924078, 3442560, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3442560xx" title="vote this message a 4" onclick="RateMsg(2924078, 3442560, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3442560xx" title="vote this message a 5" onclick="RateMsg(2924078, 3442560, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3442560xx" onclick="RateMsg(2924078, 3442560,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd Rt HdUnSel " id="F3399081_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx3399081xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3399081" href="http://www.codeproject.com/Messages/3399081/Configure-Flexgrid-with-IIS-Its-not-work.aspx">Configure Flexgrid with IIS It's not work</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=4253755">kirti.darji</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">3:40 11 Mar '10 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3399081_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">Hi<BR><BR>when run MVC Application Using IIS 5.1 Not work give Error like <BR><BR><BIG><CODE><SPAN class="code-string">"</SPAN><SPAN class="code-string">Object Doesn't support this property or Method"</SPAN></CODE></BIG>
<BR>Any suggestion<BR><BR>Thank You<BR>Kirti Darji<DIV class="signature">kirti</DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3399081&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3399081" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3399081/Configure-Flexgrid-with-IIS-Its-not-work.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3399081&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3399081" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(4253755,3399081,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3399081xx" onclick="RateMsg(4253755, 3399081,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3399081xx" title="vote this message a 1" onclick="RateMsg(4253755, 3399081, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3399081xx" title="vote this message a 2" onclick="RateMsg(4253755, 3399081, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3399081xx" title="vote this message a 3" onclick="RateMsg(4253755, 3399081, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3399081xx" title="vote this message a 4" onclick="RateMsg(4253755, 3399081, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3399081xx" title="vote this message a 5" onclick="RateMsg(4253755, 3399081, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3399081xx" onclick="RateMsg(4253755, 3399081,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd Rt HdUnSel " id="F3376764_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx3376764xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3376764" href="http://www.codeproject.com/Messages/3376764/Add-Link-functionality-to-customerID-grid-field-mo.aspx">Add Link functionality to customerID grid field? [modified]</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=825162">treesprite</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">22:43 21 Feb '10 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3376764_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">Todd,<BR><BR>Thanks for sharing a super example of the flexigrid. It has saved me many hours of coding.<BR><BR>Would you be able to update your example by including how to make the customerID field a link?<BR><BR>I have tried to implement this using your suggestions from another thread below and can't seem to get the Edit.aspx to run.<BR><BR>The customerID shows correctly in the URL but this is the error I receive:<BR><BR>The parameters dictionary contains a null entry for parameter 'id' of non-nullable type 'System.Int32' for method 'System.Web.Mvc.ActionResult Edit(Int32)' in 'Flexigrid.Controllers.HomeController'. To make a parameter optional its type should be either a reference type or a Nullable type.<BR>Parameter name: parameters <BR><BR>Thanks again,<BR>Peggy<DIV class="signature"><DIV class="modified">modified on Monday, February 22, 2010 7:23 AM</DIV></DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3376764&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3376764&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3376764" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3376764/Add-Link-functionality-to-customerID-grid-field-mo.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3376764&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3376764" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(825162,3376764,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3376764xx" onclick="RateMsg(825162, 3376764,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3376764xx" title="vote this message a 1" onclick="RateMsg(825162, 3376764, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3376764xx" title="vote this message a 2" onclick="RateMsg(825162, 3376764, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3376764xx" title="vote this message a 3" onclick="RateMsg(825162, 3376764, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3376764xx" title="vote this message a 4" onclick="RateMsg(825162, 3376764, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3376764xx" title="vote this message a 5" onclick="RateMsg(825162, 3376764, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3376764xx" onclick="RateMsg(825162, 3376764,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd Rt HdUnSel " id="F3227465_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx3227465xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3227465" href="http://www.codeproject.com/Messages/3227465/Very-Nice.aspx">Very Nice</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=1592874">Techgrowth</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">11:20 8 Oct '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3227465_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">Very nice implementation of FlexGrid. Thanks for sharing it.<BR><BR>I am pouring over it now wondering if there might be ways to make the calls even more generic like passing a listname or something to the JsonGridList method. Certainly you did this in large part already with the Property List and Extension methods. <BR><BR>Have you considered doing something like this ?<BR><BR>You know us .NET coders are lazy and always looking for things that are easy to plug in...<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3227465&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3227465&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3227465" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3227465/Very-Nice.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3227465&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3227465" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(1592874,3227465,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227465xx" onclick="RateMsg(1592874, 3227465,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227465xx" title="vote this message a 1" onclick="RateMsg(1592874, 3227465, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227465xx" title="vote this message a 2" onclick="RateMsg(1592874, 3227465, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227465xx" title="vote this message a 3" onclick="RateMsg(1592874, 3227465, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227465xx" title="vote this message a 4" onclick="RateMsg(1592874, 3227465, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227465xx" title="vote this message a 5" onclick="RateMsg(1592874, 3227465, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227465xx" onclick="RateMsg(1592874, 3227465,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F3227636_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="34px" class="Frm_MsgIndent"><A name="xx3227636xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3227636" href="http://www.codeproject.com/Messages/3227636/Re-Very-Nice.aspx">Re: Very Nice</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=13155">Todd Smith</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">13:30 8 Oct '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3227636_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:34px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="34px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">I've migrated to the extjs dot com toolkit for my MVC projects. <BR><BR><DIV class="ForumSig"><B>Todd Smith</B></DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3227636&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3227636&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3227465" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3227636/Re-Very-Nice.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3227636&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3227636" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(13155,3227636,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227636xx" onclick="RateMsg(13155, 3227636,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227636xx" title="vote this message a 1" onclick="RateMsg(13155, 3227636, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227636xx" title="vote this message a 2" onclick="RateMsg(13155, 3227636, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227636xx" title="vote this message a 3" onclick="RateMsg(13155, 3227636, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227636xx" title="vote this message a 4" onclick="RateMsg(13155, 3227636, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227636xx" title="vote this message a 5" onclick="RateMsg(13155, 3227636, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3227636xx" onclick="RateMsg(13155, 3227636,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd Rt HdUnSel " id="F3132055_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx3132055xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_question.gif" alt="Question"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3132055" href="http://www.codeproject.com/Messages/3132055/Grid-Renders-but-does-not-show-data.aspx">Grid Renders but does not show data</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=6199536">TerryR1547</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">16:23 23 Jul '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3132055_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">I must have missed something.  I am using VS2008 Team Suite and IE8.  I am using the MVC method and calling an ActionResult that does send data to the page.  I verified this by rendering the data to a page that does not have a Flexigrid on it.  Then I added a page that does have a Flexigrid implementation. On the new page the Grid renders without data and the status bar simply always shows loading.<BR><BR>Any ideas what I have done wrong?<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3132055&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3132055&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3132055" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3132055/Grid-Renders-but-does-not-show-data.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3132055&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3132055" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(6199536,3132055,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132055xx" onclick="RateMsg(6199536, 3132055,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132055xx" title="vote this message a 1" onclick="RateMsg(6199536, 3132055, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132055xx" title="vote this message a 2" onclick="RateMsg(6199536, 3132055, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132055xx" title="vote this message a 3" onclick="RateMsg(6199536, 3132055, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132055xx" title="vote this message a 4" onclick="RateMsg(6199536, 3132055, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132055xx" title="vote this message a 5" onclick="RateMsg(6199536, 3132055, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132055xx" onclick="RateMsg(6199536, 3132055,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F3132077_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="34px" class="Frm_MsgIndent"><A name="xx3132077xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_answer.gif" alt="Answer"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3132077" href="http://www.codeproject.com/Messages/3132077/Re-Grid-Renders-but-does-not-show-data.aspx">Re: Grid Renders but does not show data</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=13155">Todd Smith</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">16:43 23 Jul '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3132077_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:34px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="34px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">I would start by checking the url and datatype that flexgrid is configured to use. I would suggest using <A href="http://www.fiddler2.com/fiddler2/version.asp">fiddler</A>[<A href="http://www.fiddler2.com/fiddler2/version.asp" target="_blank" title="New Window">^</A>] and seeing what URL flexgrid is using to talk to the server.<BR><BR>If that checks out ok then it's probably an issue with the javascript that's used to configure flexigrid. A column name or other parameter could be incorrect. Hard to tell without seeing the code. <BR><BR><DIV class="ForumSig"><B>Todd Smith</B></DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3132077&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3132077&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3132055" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3132077/Re-Grid-Renders-but-does-not-show-data.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3132077&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3132077" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(13155,3132077,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132077xx" onclick="RateMsg(13155, 3132077,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132077xx" title="vote this message a 1" onclick="RateMsg(13155, 3132077, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132077xx" title="vote this message a 2" onclick="RateMsg(13155, 3132077, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132077xx" title="vote this message a 3" onclick="RateMsg(13155, 3132077, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132077xx" title="vote this message a 4" onclick="RateMsg(13155, 3132077, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132077xx" title="vote this message a 5" onclick="RateMsg(13155, 3132077, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3132077xx" onclick="RateMsg(13155, 3132077,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F3133311_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="52px" class="Frm_MsgIndent"><A name="xx3133311xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3133311" href="http://www.codeproject.com/Messages/3133311/Re-Grid-Renders-but-does-not-show-data.aspx">Re: Grid Renders but does not show data</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=6199536">TerryR1547</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">13:50 24 Jul '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3133311_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:52px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="52px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">Ok I downloaded and ran the project associated with this article.  It has the same problem as the code that I wrote.  The Grid renders but does not load the data.<BR><BR>So now I am going to try to view the site in FireFox.  I use IE8 on this computer.  Additionally, I use the newest version of JQuery, I wonder if Flexigrid has issues with that.<BR><BR>More to come...<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3133311&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3133311&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3132055" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3133311/Re-Grid-Renders-but-does-not-show-data.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3133311&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3133311" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(6199536,3133311,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133311xx" onclick="RateMsg(6199536, 3133311,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133311xx" title="vote this message a 1" onclick="RateMsg(6199536, 3133311, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133311xx" title="vote this message a 2" onclick="RateMsg(6199536, 3133311, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133311xx" title="vote this message a 3" onclick="RateMsg(6199536, 3133311, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133311xx" title="vote this message a 4" onclick="RateMsg(6199536, 3133311, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133311xx" title="vote this message a 5" onclick="RateMsg(6199536, 3133311, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133311xx" onclick="RateMsg(6199536, 3133311,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F3133423_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="70px" class="Frm_MsgIndent"><A name="xx3133423xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3133423" href="http://www.codeproject.com/Messages/3133423/Re-Grid-Renders-but-does-not-show-data.aspx">Re: Grid Renders but does not show data</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=13155">Todd Smith</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">15:16 24 Jul '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3133423_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:70px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="70px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">I tested the code as-is in VS2008 + ASP.NET MVC 1.0 and it seems to run fine. However, the demo includes jQuery 1.2.6 and I have not tested it with jQuery 1.3.2.<BR><BR>Did you try fiddler? <BR><BR><DIV class="ForumSig"><B>Todd Smith</B></DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3133423&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3133423&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3132055" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3133423/Re-Grid-Renders-but-does-not-show-data.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3133423&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3133423" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(13155,3133423,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133423xx" onclick="RateMsg(13155, 3133423,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133423xx" title="vote this message a 1" onclick="RateMsg(13155, 3133423, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133423xx" title="vote this message a 2" onclick="RateMsg(13155, 3133423, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133423xx" title="vote this message a 3" onclick="RateMsg(13155, 3133423, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133423xx" title="vote this message a 4" onclick="RateMsg(13155, 3133423, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133423xx" title="vote this message a 5" onclick="RateMsg(13155, 3133423, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133423xx" onclick="RateMsg(13155, 3133423,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F3133716_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="88px" class="Frm_MsgIndent"><A name="xx3133716xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3133716" href="http://www.codeproject.com/Messages/3133716/Re-Grid-Renders-but-does-not-show-data-modified.aspx">Re: Grid Renders but does not show data [modified]</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=6199536">TerryR1547</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">21:37 24 Jul '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3133716_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:88px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="88px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">Actually no. I did not try fiddler. I will try it but not sure what I am looking for. Since I know calling the code without flexigrid renders the data and calling it with flexigrid I still end up in my json method.  I know the url is working because the index page calls into my jsoncontroller method and hits a break point.<BR><BR>Do the model and the flexigrid column count have to match exactly?  Maybe that is the problem.  I only want to display 5 of 27 fields in the model? <BR><BR><DIV class="ForumMod">modified on Friday, July 24, 2009 11:04 PM</DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3133716&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3133716&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3132055" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3133716/Re-Grid-Renders-but-does-not-show-data-modified.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3133716&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3133716" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(6199536,3133716,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133716xx" onclick="RateMsg(6199536, 3133716,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133716xx" title="vote this message a 1" onclick="RateMsg(6199536, 3133716, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133716xx" title="vote this message a 2" onclick="RateMsg(6199536, 3133716, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133716xx" title="vote this message a 3" onclick="RateMsg(6199536, 3133716, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133716xx" title="vote this message a 4" onclick="RateMsg(6199536, 3133716, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133716xx" title="vote this message a 5" onclick="RateMsg(6199536, 3133716, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3133716xx" onclick="RateMsg(6199536, 3133716,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F3134150_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="106px" class="Frm_MsgIndent"><A name="xx3134150xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3134150" href="http://www.codeproject.com/Messages/3134150/Re-Grid-Renders-but-does-not-show-data.aspx">Re: Grid Renders but does not show data</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=13155">Todd Smith</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">11:09 25 Jul '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3134150_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:106px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="106px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">If you've verified that flexigrid is calling your json method then you don't need fiddler.<BR><BR>Another problem could be the format of your json output. Can you paste a sample?<BR><BR>Showing only 5 of 27 fields in the model shouldn't be a problem. You just have to make sure you configure flexigrid with the proper column names. <BR><BR><DIV class="ForumSig"><B>Todd Smith</B></DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3134150&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3134150&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3132055" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3134150/Re-Grid-Renders-but-does-not-show-data.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3134150&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3134150" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(13155,3134150,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134150xx" onclick="RateMsg(13155, 3134150,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134150xx" title="vote this message a 1" onclick="RateMsg(13155, 3134150, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134150xx" title="vote this message a 2" onclick="RateMsg(13155, 3134150, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134150xx" title="vote this message a 3" onclick="RateMsg(13155, 3134150, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134150xx" title="vote this message a 4" onclick="RateMsg(13155, 3134150, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134150xx" title="vote this message a 5" onclick="RateMsg(13155, 3134150, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134150xx" onclick="RateMsg(13155, 3134150,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F3134277_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="116px" class="Frm_MsgIndent"><A name="xx3134277xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3134277" href="http://www.codeproject.com/Messages/3134277/Re-Grid-Renders-but-does-not-show-data.aspx">Re: Grid Renders but does not show data</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=6199536">TerryR1547</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">14:17 25 Jul '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3134277_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:116px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="116px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">Here is the colModel spec for the flexigrid<BR>colModel: [<BR>{ display: 'Code', name: 'CouponCode', width: 40, sortable: true, align: 'left' },<BR>{ display: 'Description', name: 'Description', width: 150, sortable: true, align: 'left' },<BR>{ display: 'Medium', name: 'Medium', width: 75, sortable: true, align: 'left' },<BR>{ display: 'Modified', name: 'Modified', width: 115, sortable: true, align: 'left' },<BR>{ display: 'Owner', name: 'Owner', width: 40, sortable: true, align: 'left' },<BR>{ display: 'Level', name: 'Level', width: 50, sortable: true, align: 'left' }<BR>],<BR><BR>Here is a sample of the output that was originally not being rendered. I think this failed due to capitalization of key names "Page","Rows","Cell","Id"<BR>{"Page":1,"Rows":[{"Cell":["14243","QEFL4","0","","0","","0","","0","","0.0","0.0","0.0","12\/31\/2007 12:11:43 AM","12\/31\/2007 12:11:43 AM","1\/1\/0001 12:00:00 AM","12\/31\/2007 12:11:43 AM","1\/1\/0001 12:00:00 AM","Test Coupon - WEAs8n4","","","","0","0","National","False"],"Id":"14243"<BR>}<BR><BR>Here is a sample of the Json Ouput after I made changes to capitalization and reduced the number of fields to match the colSpec<BR>{"page":1,<BR>"rows":[<BR>{"cell":["QEFL4","Test Coupon - WEAs8n4","Val-Pak","12\/31\/2007 12:11:43 AM","NHQ","National"],"id":"QEFL4"},<BR>{"cell":["YYNN3","Test Coupon - 2nKhTIgMJ6IZTmp24e","F.O.P.","12\/31\/2007 12:13:35 AM","NHQ","National"],"id":"YYNN3"},<BR>"total":25}<BR><BR>This new sample actually renders in the grid but it also does not match the articles Json output spec precisely.  <BR>"id" does not lead the the cell descriptor it is appearing after "cell".<BR>"total" does not render before the rows render it is rendering last.<BR><BR>But I think these last 2 issues are irrellevent to JSON.  The grid does in fact render now.<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3134277&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3134277&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3132055" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3134277/Re-Grid-Renders-but-does-not-show-data.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3134277&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3134277" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(6199536,3134277,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134277xx" onclick="RateMsg(6199536, 3134277,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134277xx" title="vote this message a 1" onclick="RateMsg(6199536, 3134277, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134277xx" title="vote this message a 2" onclick="RateMsg(6199536, 3134277, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134277xx" title="vote this message a 3" onclick="RateMsg(6199536, 3134277, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134277xx" title="vote this message a 4" onclick="RateMsg(6199536, 3134277, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134277xx" title="vote this message a 5" onclick="RateMsg(6199536, 3134277, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3134277xx" onclick="RateMsg(6199536, 3134277,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd LoVote HdUnSel " id="F3136263_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="116px" class="Frm_MsgIndent"><A name="xx3136263xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3136263" href="http://www.codeproject.com/Messages/3136263/Re-Grid-Renders-but-does-not-show-data.aspx">Re: Grid Renders but does not show data</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=6199536">TerryR1547</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">13:44 27 Jul '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3136263_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:116px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="116px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">Thanks for your help and ideas.  BTW, if I use JQuery 1.3 the flexigrid js does throw errors.  I had to go back to the older version of JQuery. <IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/smiley_cry.gif" align="top" alt="Cry">  <BR><BR>On the other hand.  The grid rocks and it is worth it.<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3136263&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3136263&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3132055" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3136263/Re-Grid-Renders-but-does-not-show-data.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3136263&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3136263" style="white-space:nowrap;">2.00/5 (1 vote) <SCRIPT type="text/javascript">
												MsgVFrm(6199536,3136263,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3136263xx" onclick="RateMsg(6199536, 3136263,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3136263xx" title="vote this message a 1" onclick="RateMsg(6199536, 3136263, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3136263xx" title="vote this message a 2" onclick="RateMsg(6199536, 3136263, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3136263xx" title="vote this message a 3" onclick="RateMsg(6199536, 3136263, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3136263xx" title="vote this message a 4" onclick="RateMsg(6199536, 3136263, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3136263xx" title="vote this message a 5" onclick="RateMsg(6199536, 3136263, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3136263xx" onclick="RateMsg(6199536, 3136263,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd LoVote Rt HdUnSel " id="F3048466_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx3048466xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_question.gif" alt="Question"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="3048466" href="http://www.codeproject.com/Messages/3048466/how-can-use-link.aspx">how can use link?</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=3862355">许志华</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">10:18 20 May '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F3048466_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">can use link in the flexigrid?<BR>eg: username when show <A href="http://www.codeproject.com/KB/aspnet/user/disp/12">username</A> <BR><BR><DIV class="ForumSig">asdsadsadsa</DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=3048466&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=3048466" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/3048466/how-can-use-link.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=3048466&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF3048466" style="white-space:nowrap;">1.50/5 (2 votes) <SCRIPT type="text/javascript">
												MsgVFrm(3862355,3048466,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3048466xx" onclick="RateMsg(3862355, 3048466,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3048466xx" title="vote this message a 1" onclick="RateMsg(3862355, 3048466, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3048466xx" title="vote this message a 2" onclick="RateMsg(3862355, 3048466, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3048466xx" title="vote this message a 3" onclick="RateMsg(3862355, 3048466, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3048466xx" title="vote this message a 4" onclick="RateMsg(3862355, 3048466, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3048466xx" title="vote this message a 5" onclick="RateMsg(3862355, 3048466, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx3048466xx" onclick="RateMsg(3862355, 3048466,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd Rt HdUnSel " id="F2938241_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx2938241xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="2938241" href="http://www.codeproject.com/Messages/2938241/flexAddData.aspx">flexAddData</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=3471635">johnr11</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">16:41 24 Feb '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F2938241_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">I've got a web page that is taking search parameters and it then submits the search criteria to the controler.  I'm wanting to perform the search in the controler and return the data for a grid displayed in the resulting view.<BR><BR>Is there an easy way to do this, or do you have an example where I can pass the data into the grid without having to call a second controler?<BR><BR>Form (collects query) -&gt; Posts to Controler -&gt; Controler performs search -&gt; Results sent to view -&gt;<BR>View contains a grid, displaying results..<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2938241&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2938241&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=2938241" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/2938241/flexAddData.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=2938241&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF2938241" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(3471635,2938241,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938241xx" onclick="RateMsg(3471635, 2938241,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938241xx" title="vote this message a 1" onclick="RateMsg(3471635, 2938241, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938241xx" title="vote this message a 2" onclick="RateMsg(3471635, 2938241, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938241xx" title="vote this message a 3" onclick="RateMsg(3471635, 2938241, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938241xx" title="vote this message a 4" onclick="RateMsg(3471635, 2938241, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938241xx" title="vote this message a 5" onclick="RateMsg(3471635, 2938241, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938241xx" onclick="RateMsg(3471635, 2938241,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd LoVote HdUnSel " id="F2938308_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="34px" class="Frm_MsgIndent"><A name="xx2938308xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="2938308" href="http://www.codeproject.com/Messages/2938308/Re-flexAddData.aspx">Re: flexAddData</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=13155">Todd Smith</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">18:09 24 Feb '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F2938308_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:34px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="34px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">You could always use a WebForm style grid within an MVC project but a codebehind page would then be responsible for handling the controller logic.<BR><BR>Or you could embed a javascript object into your page which contains the grid data. The flexigrid object could then be initialized from that embeded object.<BR><BR>Or roll your own grid from within your view page. Perhaps there's a full featured grid available that can do so but I'm unaware of one at the moment.<BR><BR>Is there a specific reason you need to render the grid server side and avoid the 2nd call to the controller to acquire the grid data? <BR><BR><DIV class="ForumSig"><B>Todd Smith</B></DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2938308&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2938308&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=2938241" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/2938308/Re-flexAddData.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=2938308&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF2938308" style="white-space:nowrap;">2.00/5 (1 vote) <SCRIPT type="text/javascript">
												MsgVFrm(13155,2938308,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938308xx" onclick="RateMsg(13155, 2938308,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938308xx" title="vote this message a 1" onclick="RateMsg(13155, 2938308, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938308xx" title="vote this message a 2" onclick="RateMsg(13155, 2938308, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938308xx" title="vote this message a 3" onclick="RateMsg(13155, 2938308, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938308xx" title="vote this message a 4" onclick="RateMsg(13155, 2938308, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938308xx" title="vote this message a 5" onclick="RateMsg(13155, 2938308, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2938308xx" onclick="RateMsg(13155, 2938308,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd Rt HdUnSel " id="F2909535_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx2909535xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="2909535" href="http://www.codeproject.com/Messages/2909535/this-is-damn-cool.aspx">this is damn cool</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=81898">Quartz.</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">19:11 3 Feb '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F2909535_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">thanks for sharing <BR><BR><DIV class="ForumSig"><SMALL>
Omit Needless Words - Strunk, William, Jr. <BR><HR size="1">
Vista Gadget Book: <A target="_blank" href="http://www.amazon.com/Creating-Vista-Gadgets-JavaScript-Silverlight/dp/0672329689/vistagadget0a-20">Creating Vista Gadgets using HTML, CSS, &amp; JavaScript</A>. Sample chapter here<A href="http://www.codeproject.com/KB/books/SellingVistaGadgets.aspx"> Selling Your Gadget</A>
</SMALL></DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2909535&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2909535&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=2909535" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/2909535/this-is-damn-cool.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=2909535&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF2909535" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(81898,2909535,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2909535xx" onclick="RateMsg(81898, 2909535,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2909535xx" title="vote this message a 1" onclick="RateMsg(81898, 2909535, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2909535xx" title="vote this message a 2" onclick="RateMsg(81898, 2909535, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2909535xx" title="vote this message a 3" onclick="RateMsg(81898, 2909535, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2909535xx" title="vote this message a 4" onclick="RateMsg(81898, 2909535, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2909535xx" title="vote this message a 5" onclick="RateMsg(81898, 2909535, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2909535xx" onclick="RateMsg(81898, 2909535,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="root msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd LoVote Rt HdUnSel " id="F2868372_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="16px" class="Frm_MsgIndent"><A name="xx2868372xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="2868372" href="http://www.codeproject.com/Messages/2868372/Try-to-replicate-this-into-application.aspx">Try to replicate this into application</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=5828876">dewaCorp Alliances</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">19:54 6 Jan '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F2868372_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:16px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="16px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">I've copy the project and work nicely. <BR><BR>But when I pull apart and change couple things and it's not working (the grid comes up nicely but no data). When debug, I can see the data coming in into the list but it doesn't populate into the grid.<BR><BR>Things that I change:<BR><BR>1. In the Site.master, I'm not using your jquery.js but I'm using the latest version of JQuery cause I have few widget that using that (accordion and menu)<BR>2. I am still using linq but the datacontext set to Case table inour database<BR>3. Here's the some of index.aspx:<BR><BR><CODE><SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">div</SPAN><SPAN class="code-keyword">&gt;</SPAN>
	<SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">table</SPAN> <SPAN class="code-attribute">id</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">cases"</SPAN> <SPAN class="code-attribute">style</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">display:none"</SPAN><SPAN class="code-keyword">&gt;</SPAN><SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-keyword">/</SPAN><SPAN class="code-leadattribute">table</SPAN><SPAN class="code-keyword">&gt;</SPAN>
	<SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-leadattribute">script</SPAN> <SPAN class="code-attribute">type</SPAN><SPAN class="code-keyword">="</SPAN><SPAN class="code-keyword">text/javascript"</SPAN><SPAN class="code-keyword">&gt;</SPAN>
	    $(<SPAN class="code-string">"</SPAN><SPAN class="code-string">#cases"</SPAN>).flexigrid({<BR>	        url: <SPAN class="code-comment">'</SPAN><SPAN class="code-comment">/Json/FlexigridList,<BR></SPAN>	        dataType: <SPAN class="code-comment">'</SPAN><SPAN class="code-comment">json',<BR></SPAN>	        colModel: [<BR>				{ display: <SPAN class="code-comment">'</SPAN><SPAN class="code-comment">ID', name: 'CaseID', width: 40, sortable: true, align: 'left' },<BR></SPAN>				{ display: <SPAN class="code-comment">'</SPAN><SPAN class="code-comment">Case Name', name: 'CaseName', width: 100, sortable: true, align: 'left' },<BR></SPAN>				{ display: <SPAN class="code-comment">'</SPAN><SPAN class="code-comment">Case No', name: 'CaseNo', width: 80, sortable: true, align: 'left' }<BR></SPAN>				],<BR>	        searchitems: [<BR>				{ display: <SPAN class="code-comment">'</SPAN><SPAN class="code-comment">Case Name', name: 'CaseName' },<BR></SPAN>				{ display: <SPAN class="code-comment">'</SPAN><SPAN class="code-comment">Case No', name: 'CaseNo' }<BR></SPAN>				],<BR>	        sortname: <SPAN class="code-comment">'</SPAN><SPAN class="code-comment">CaseID',<BR></SPAN>	        sortorder: <SPAN class="code-comment">'</SPAN><SPAN class="code-comment">asc',<BR></SPAN>	        usepager: true,<BR>	        title: <SPAN class="code-comment">'</SPAN><SPAN class="code-comment">Cases',<BR></SPAN>	        useRp: true,<BR>	        rp: 15,<BR>	        showTableToggleBtn: true,<BR>	        width: 1040,<BR>	        height: <SPAN class="code-digit">380</SPAN>
	    });<BR>	<SPAN class="code-keyword">&lt;/</SPAN><SPAN class="code-leadattribute">script</SPAN><SPAN class="code-keyword">&gt;</SPAN>
<SPAN class="code-keyword">&lt;</SPAN><SPAN class="code-keyword">/</SPAN><SPAN class="code-leadattribute">div</SPAN><SPAN class="code-keyword">&gt;</SPAN></CODE>
<BR><BR>Any ideas?<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2868372&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2868372&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=2868372" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/2868372/Try-to-replicate-this-into-application.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=2868372&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF2868372" style="white-space:nowrap;">1.00/5 (1 vote) <SCRIPT type="text/javascript">
												MsgVFrm(5828876,2868372,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868372xx" onclick="RateMsg(5828876, 2868372,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868372xx" title="vote this message a 1" onclick="RateMsg(5828876, 2868372, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868372xx" title="vote this message a 2" onclick="RateMsg(5828876, 2868372, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868372xx" title="vote this message a 3" onclick="RateMsg(5828876, 2868372, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868372xx" title="vote this message a 4" onclick="RateMsg(5828876, 2868372, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868372xx" title="vote this message a 5" onclick="RateMsg(5828876, 2868372, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868372xx" onclick="RateMsg(5828876, 2868372,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F2868464_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="34px" class="Frm_MsgIndent"><A name="xx2868464xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="2868464" href="http://www.codeproject.com/Messages/2868464/Re-Try-to-replicate-this-into-application.aspx">Re: Try to replicate this into application</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=5828876">dewaCorp Alliances</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">22:45 6 Jan '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F2868464_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:34px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="34px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">Never mind. I've managed to work out on this. Just forgot to put the FlexigridObject.ascx <IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/smiley_smile.gif" align="top" alt="Smile"> <BR><BR>Now I've noticed that the value of grid that is coming from the db is not corresponding with the name of field name in grid? Is this right?<BR><BR>In my case, as you can see index.aspx above, I only have 3 columns defined in the grid but the actual data that is coming from the db is not right though. BTW ... I have about 14 of them ... it seems that it's taking only the first 3 top 3 of the db fields.<BR><BR>Thanks<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2868464&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2868464&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=2868372" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/2868464/Re-Try-to-replicate-this-into-application.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=2868464&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF2868464" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(5828876,2868464,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868464xx" onclick="RateMsg(5828876, 2868464,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868464xx" title="vote this message a 1" onclick="RateMsg(5828876, 2868464, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868464xx" title="vote this message a 2" onclick="RateMsg(5828876, 2868464, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868464xx" title="vote this message a 3" onclick="RateMsg(5828876, 2868464, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868464xx" title="vote this message a 4" onclick="RateMsg(5828876, 2868464, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868464xx" title="vote this message a 5" onclick="RateMsg(5828876, 2868464, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2868464xx" onclick="RateMsg(5828876, 2868464,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F2869728_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="52px" class="Frm_MsgIndent"><A name="xx2869728xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="2869728" href="http://www.codeproject.com/Messages/2869728/Re-Try-to-replicate-this-into-application.aspx">Re: Try to replicate this into application</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=13155">Todd Smith</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">14:17 7 Jan '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F2869728_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:52px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="52px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">You should be able to call your /Json/FlexigridList directly and get a text dumb of the data your grid is receiving. <BR><BR>Make sure the total value contains the correct count of records. In your case it should be 14.<BR><BR><PRE>{<BR>  <SPAN class="code-string">"</SPAN><SPAN class="code-string">page"</SPAN>: <SPAN class="code-digit">1</SPAN>,<BR>  <SPAN class="code-string">"</SPAN><SPAN class="code-string">total"</SPAN>: <SPAN class="code-digit">2</SPAN>, <SPAN class="code-comment">//</SPAN><SPAN class="code-comment"> CHECK THIS VALUE<BR></SPAN>  <SPAN class="code-string">"</SPAN><SPAN class="code-string">rows"</SPAN>:[<BR>    {<SPAN class="code-string">"</SPAN><SPAN class="code-string">id"</SPAN>: <SPAN class="code-string">"</SPAN><SPAN class="code-string">ALFKI"</SPAN>, <SPAN class="code-string">"</SPAN><SPAN class="code-string">cell"</SPAN>: [<SPAN class="code-string">"</SPAN><SPAN class="code-string">ALFKI"</SPAN>,<SPAN class="code-string">"</SPAN><SPAN class="code-string">Alfreds Futterkiste"</SPAN>,<BR>                             <SPAN class="code-string">"</SPAN><SPAN class="code-string">Maria Anders"</SPAN>, ... ,<SPAN class="code-string">"</SPAN><SPAN class="code-string">030-0076545"</SPAN>]},<BR>    {<SPAN class="code-string">"</SPAN><SPAN class="code-string">id"</SPAN>: <SPAN class="code-string">"</SPAN><SPAN class="code-string">ANATR"</SPAN>, <SPAN class="code-string">"</SPAN><SPAN class="code-string">cell"</SPAN>: [<SPAN class="code-string">"</SPAN><SPAN class="code-string">ANATR"</SPAN>,<SPAN class="code-string">"</SPAN><SPAN class="code-string">Ana Trujillo Emparedados y helados"</SPAN>,<BR>                             <SPAN class="code-string">"</SPAN><SPAN class="code-string">Ana Trujillo"</SPAN>,<SPAN class="code-string">"</SPAN><SPAN class="code-string">Owner"</SPAN>, ... ,<SPAN class="code-string">"</SPAN><SPAN class="code-string">(5) 555-3745"</SPAN>]}<BR>  ]<BR>}<BR></PRE> <BR><BR><DIV class="ForumSig"><B>Todd Smith</B></DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2869728&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2869728&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=2868372" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/2869728/Re-Try-to-replicate-this-into-application.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=2869728&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF2869728" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(13155,2869728,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869728xx" onclick="RateMsg(13155, 2869728,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869728xx" title="vote this message a 1" onclick="RateMsg(13155, 2869728, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869728xx" title="vote this message a 2" onclick="RateMsg(13155, 2869728, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869728xx" title="vote this message a 3" onclick="RateMsg(13155, 2869728, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869728xx" title="vote this message a 4" onclick="RateMsg(13155, 2869728, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869728xx" title="vote this message a 5" onclick="RateMsg(13155, 2869728, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869728xx" onclick="RateMsg(13155, 2869728,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F2869914_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="70px" class="Frm_MsgIndent"><A name="xx2869914xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="2869914" href="http://www.codeproject.com/Messages/2869914/Re-Try-to-replicate-this-into-application-modified.aspx">Re: Try to replicate this into application [modified]</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=5828876">dewaCorp Alliances</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">16:30 7 Jan '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F2869914_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:70px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="70px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">The issue is the website for this Flexigrid is down (the account has been suspended) at the moment<IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/smiley_frown.gif" align="top" alt="Frown">  and couldn't explore the API/sample for this.<BR><BR>Looking at sample that you give me, does this mean I have to construct the this HTML in the server side by populating each column data/row ?!?! Couldn't see the affect of total: 14 in this case. <BR><BR><DIV class="ForumMod">modified on Wednesday, January 7, 2009 4:38 PM</DIV><BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2869914&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2869914&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=2868372" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/2869914/Re-Try-to-replicate-this-into-application-modified.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=2869914&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF2869914" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(5828876,2869914,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869914xx" onclick="RateMsg(5828876, 2869914,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869914xx" title="vote this message a 1" onclick="RateMsg(5828876, 2869914, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869914xx" title="vote this message a 2" onclick="RateMsg(5828876, 2869914, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869914xx" title="vote this message a 3" onclick="RateMsg(5828876, 2869914, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869914xx" title="vote this message a 4" onclick="RateMsg(5828876, 2869914, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869914xx" title="vote this message a 5" onclick="RateMsg(5828876, 2869914, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2869914xx" onclick="RateMsg(5828876, 2869914,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR class="quick">
					<TD class="msg-divide"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="1px" alt=""></TD>
				</TR>
<!-- Start Message head -->

				<TR class="MsgHd HdUnSel " id="F2906276_h0">
					<TD width="100%"><TABLE class="quickHd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR class="hover-row">
							<TD width="88px" class="Frm_MsgIndent"><A name="xx2906276xx"></A><IMG height="16px" width="16px" align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" alt="General"></TD><TD class="Frm_MsgSubject hover-container"><A id="DynMessLink" name="2906276" href="http://www.codeproject.com/Messages/2906276/Re-Try-to-replicate-this-into-application.aspx">Re: Try to replicate this into application</A> <A onclick="return Pin(this);" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#" title="Click to pin message"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/pin.gif" border="0" align="top" alt="Pin" width="13px" height="12px"></A></TD><TD style="width:20px;white-space:nowrap;"><IMG border="0" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/member_sm.gif" title="member" alt="member" height="16px"></TD><TD class="Frm_MsgAuthor"><A href="http://www.codeproject.com/script/Membership/View.aspx?mid=5513011">Sean Josiah</A></TD><TD class="Frm_MsgDate" style="vertical-align:top;white-space:nowrap;">0:58 2 Feb '09 &nbsp;</TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><!-- End Message head -->

				<TR id="F2906276_h1" style="display:none;">
					<TD width="100%"><TABLE class="quickBd" border="0" cellpadding="0" cellspacing="0" width="100%">
						<TBODY><TR>
							<TD class="Frm_MsgIndent" style="width:88px;"><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" height="1px" width="88px" alt=""></TD><TD class="MsgBd BdSel "><TABLE border="0" cellpadding="0" cellspacing="5px" width="100%">
								<TBODY><TR>
									<TD><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
										<TBODY><TR>
											<TD colspan="2">FlexiGrid links and code... get the code here: <A href="http://code.google.com/p/flexigrid/">http://code.google.com/p/flexigrid/</A>[<A href="http://code.google.com/p/flexigrid/" target="_blank" title="New Window">^</A>]<BR>from google code...<BR><BR>get into the discussions: <A href="http://groups.google.com/group/flexigrid">http://groups.google.com/group/flexigrid</A>[<A href="http://groups.google.com/group/flexigrid" target="_blank" title="New Window">^</A>]<BR>from google groups<BR></TD>
										</TR><TR style="vertical-align:middle;">
											<TD class="msg-footer"><A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2906276&floc=/KB/aspnet/MVCFlexigrid.aspx&action=r" title="Reply">Reply</A>·<A class="toolbar" href="http://www.codeproject.com/script/Forums/Edit.aspx?fid=1529580&select=2906276&floc=/KB/aspnet/MVCFlexigrid.aspx&action=e" title="Email">Email</A>·<A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&sort=Position&tid=2868372" title="View&nbsp;Thread">View&nbsp;Thread</A>·<A class="toolbar" href="http://www.codeproject.com/Messages/2906276/Re-Try-to-replicate-this-into-application.aspx" title="Get permanent link">PermaLink</A>·<A class="toolbar" href="http://www.codeproject.com/script/Bookmarks/Add.aspx?obid=2906276&obtid=3&action=AddBookmark" title="Bookmark this post">Bookmark</A></TD><TD class="msg-footer" style="text-align:right;"><SPAN id="MVF2906276" style="white-space:nowrap;"><SCRIPT type="text/javascript">
												MsgVFrm(5513011,2906276,false,"","","");
											</SCRIPT>Rate this message: <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2906276xx" onclick="RateMsg(5513011, 2906276,1,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_down.gif" alt="vote 1" border="0" align="middle"></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2906276xx" title="vote this message a 1" onclick="RateMsg(5513011, 2906276, 1,0)"><B>1</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2906276xx" title="vote this message a 2" onclick="RateMsg(5513011, 2906276, 2,0)"><B>2</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2906276xx" title="vote this message a 3" onclick="RateMsg(5513011, 2906276, 3,0)"><B>3</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2906276xx" title="vote this message a 4" onclick="RateMsg(5513011, 2906276, 4,0)"><B>4</B></A> <A class="toolbar" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2906276xx" title="vote this message a 5" onclick="RateMsg(5513011, 2906276, 5,0)"><B>5</B></A> <A href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx#xx2906276xx" onclick="RateMsg(5513011, 2906276,5,0);"><IMG height="14" width="14" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/thumbs_up.gif" border="0" alt="vote 5" align="middle"></A> </SPAN></TD>
										</TR>
									</TBODY></TABLE></TD>
								</TR>
							</TBODY></TABLE></TD>
						</TR>
					</TBODY></TABLE></TD>
				</TR><TR>
					<TD><IMG src="./ASP.NET MVC Flexigrid sample - CodeProject_files/t(1).gif" border="0" width="1px" height="5px" alt=""></TD>
				</TR>
			</TBODY></TABLE></TD>
		</TR><TR>
			<TD><TABLE width="100%" cellpadding="2px" cellspacing="0">
				<TBODY><TR class="forum-footer">
					<TD>Last Visit: 22:46 25 Jul '10  &nbsp; &nbsp; Last Update: 1:24 28 Jul '10 </TD><TD style="text-align:right;white-space:nowrap;"><INPUT id="_mbnUrl" type="hidden" value="/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&amp;df=90&amp;mpp=25&amp;noise=3&amp;sort=Position&amp;view=Quick&amp;fr=26"><B>1</B><A class="toolbar" name="Frm_HoverNL" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&noise=3&sort=Position&view=Quick&fr=26#xx0xx">2</A><A class="toolbar" name="Frm_HoverNL" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&noise=3&sort=Position&view=Quick&fr=51#xx0xx">3</A> <A class="toolbar" name="Frm_HoverNL" href="http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx?fid=1529580&df=90&mpp=25&noise=3&sort=Position&view=Quick&fr=26#xx0xx">Next »</A></TD>
				</TR>
			</TBODY></TABLE></TD>
		</TR>
	</TBODY></TABLE>
</DIV><P class="small-text"><IMG align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_general.gif" width="16px" height="16px" alt="General"> General &nbsp;&nbsp; <IMG align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_news.gif" width="16px" height="16px" alt="News"> News &nbsp;&nbsp; <IMG align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_question.gif" width="16px" height="16px" alt="Question"> Question &nbsp;&nbsp; <IMG align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_answer.gif" width="16px" height="16px" alt="Answer"> Answer &nbsp;&nbsp; <IMG align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_joke.gif" width="16px" height="16px" alt="Joke"> Joke &nbsp;&nbsp; <IMG align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_rant.gif" width="16px" height="16px" alt="Rant"> Rant &nbsp;&nbsp; <IMG align="top" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/msg_admin.gif" width="16px" height="16px" alt="Admin"> Admin &nbsp;&nbsp; </P><P class="small-text">Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+PgUp/PgDown to switch pages.</P>
<!-- Forum End -->




		
		<TABLE width="100%">
		<TBODY><TR valign="top">
			<TD align="left" class="tiny-text">
				<A id="ctl00_PermaLink" href="./ASP.NET MVC Flexigrid sample - CodeProject_files/ASP.NET MVC Flexigrid sample - CodeProject.htm">PermaLink</A> | 
				<A id="ctl00_PrivacyLink" href="http://www.codeproject.com/info/privacy.aspx">Privacy</A> |
				<A id="ctl00_TermsOfUseLink" href="http://www.codeproject.com/info/TermsOfUse.aspx">Terms of Use</A>
				<BR>Last Updated: 31 Oct 2008<BR>
				<BR>
			</TD>
			<TD align="right" valign="top" class="tiny-text">
				Copyright 2008 by Todd Smith<BR>Everything else
				Copyright © <A href="mailto:webmaster@codeproject.com">CodeProject</A>, 1999-2010 <BR>
				Web18 |
				<A id="ctl00_AdvertiseLink" href="http://www.codeproject.com/info/MediaKit.aspx">Advertise on the Code Project </A>
			</TD>
		</TR>
		</TBODY></TABLE>
		

	

</DIV>



<DIV id="ctl00_NavRight" class="nav-right">

	

	
<DIV class="announce-header">Sponsored Links</DIV>
<DIV class="announce-content">	


<DIV class="container-adwords">
	<A id="ctl00_CatalogItems_FeatureItemRptr_ctl00_Link" href="http://www.codeproject.com/script/Catalog/Redir.aspx?ctid=2967&cttype=2" target="_blank"><SPAN id="ctl00_CatalogItems_FeatureItemRptr_ctl00_Title" class="title">FarPoint Spread for COM/ActiveX by GrapeCity</SPAN><BR>
		<SPAN id="ctl00_CatalogItems_FeatureItemRptr_ctl00_Teaser" title="FarPoint Spread for COM/ActiveX by GrapeCity is an Award-winning, World&#39;s Best Selling Microsoft Excel Compatible SpreadSheet Component for COM/ActiveX with powerful features and near unlimited customization with support for native Excel export/import, event based coding and built-in calculation e" class="desc">FarPoint Spread for COM/ActiveX by GrapeCity...</SPAN><BR>
		<SPAN id="ctl00_CatalogItems_FeatureItemRptr_ctl00_Url" class="link">www.farpointspread.com</SPAN></A>
</DIV>

<DIV class="container-adwords">
	<A id="ctl00_CatalogItems_FeatureItemRptr_ctl01_Link" href="http://www.codeproject.com/script/Catalog/Redir.aspx?ctid=1528&cttype=2" target="_blank"><SPAN id="ctl00_CatalogItems_FeatureItemRptr_ctl01_Title" class="title">IncrediBuild</SPAN><BR>
		<SPAN id="ctl00_CatalogItems_FeatureItemRptr_ctl01_Teaser" title="IncrediBuild is an easy-to-use platform for accelerating Windows-based processes through advanced Grid Computing technology. IncrediBuild speeds up Visual Studio and make based code builds as well as data builds, scripts and applications." class="desc">IncrediBuild is an easy-to-use platform for...</SPAN><BR>
		<SPAN id="ctl00_CatalogItems_FeatureItemRptr_ctl01_Url" class="link">www.xoreax.com</SPAN></A>
</DIV>

<DIV class="container-adwords">
	<A id="ctl00_CatalogItems_FeatureItemRptr_ctl02_Link" href="http://www.codeproject.com/script/Catalog/Redir.aspx?ctid=3264&cttype=2" target="_blank"><SPAN id="ctl00_CatalogItems_FeatureItemRptr_ctl02_Title" class="title">UIControlSuite .NET</SPAN><BR>
		<SPAN id="ctl00_CatalogItems_FeatureItemRptr_ctl02_Teaser" title="32 powerful .NET controls for WinForms, WPF, and Silverlight 3.0 - Includes Office 2007 style Ribbon control, Grid with built-in custom control columns, TreeListView, Multi-column combobox, Wrap layout panel control, Office 2007 controls, OneNote style tabstrip and more!" class="desc">32 powerful .NET controls for WinForms, WPF,...</SPAN><BR>
		<SPAN id="ctl00_CatalogItems_FeatureItemRptr_ctl02_Url" class="link">www.binarymission.co.uk</SPAN></A>
</DIV>


</DIV>



	<DIV style="margin-bottom:20px"></DIV>
	
<DIV id="Th">
</DIV>

	<DIV style="margin-bottom:20px"></DIV>
	
<DIV class="announce-header">See Also...</DIV>
<DIV class="announce-content">	


<DIV class="container-related-item">
	<A id="ctl00_RelatedArticles_RelatedItemRptr_ctl00_TitleLink" class="title" href="http://www.codeproject.com/KB/miscctrl/customcontrol.aspx">Creating Custom Controls</A><BR>
	<SPAN id="ctl00_RelatedArticles_RelatedItemRptr_ctl00_Teaser" class="desc">An introduction to creating custom controls...</SPAN><BR>
</DIV>

<DIV class="container-related-item">
	<A id="ctl00_RelatedArticles_RelatedItemRptr_ctl01_TitleLink" class="title" href="http://www.codeproject.com/KB/books/1861005334.aspx">HTML 4.01 Programmer's Reference - Chapter 1: Introduction</A><BR>
	<SPAN id="ctl00_RelatedArticles_RelatedItemRptr_ctl01_Teaser" class="desc">Using the &lt;object&gt; tag to embed functionality...</SPAN><BR>
</DIV>

<DIV class="container-related-item">
	<A id="ctl00_RelatedArticles_RelatedItemRptr_ctl02_TitleLink" class="title" href="http://www.codeproject.com/KB/books/1861005067.aspx">XSLT Programmer's Reference 2nd Edition</A><BR>
	<SPAN id="ctl00_RelatedArticles_RelatedItemRptr_ctl02_Teaser" class="desc">This chapter is about the purpose of XSLT and...</SPAN><BR>
</DIV>

<DIV class="container-related-item">
	<A id="ctl00_RelatedArticles_RelatedItemRptr_ctl03_TitleLink" class="title" href="http://www.codeproject.com/KB/scrapbook/nycsummer2004party.aspx">Summer 2004 NYC CPian Get Together</A><BR>
	<SPAN id="ctl00_RelatedArticles_RelatedItemRptr_ctl03_Teaser" class="desc">An article on a NYC get together</SPAN><BR>
</DIV>

<DIV class="container-related-item">
	<A id="ctl00_RelatedArticles_RelatedItemRptr_ctl04_TitleLink" class="title" href="http://www.codeproject.com/KB/architecture/Application_Architecture.aspx">Multi-tier Enterprise Application Architecture</A><BR>
	<SPAN id="ctl00_RelatedArticles_RelatedItemRptr_ctl04_Teaser" class="desc">Multi-tier Enterprise Application Architecture</SPAN><BR>
</DIV>


</DIV>
	<DIV style="margin-bottom:20px"></DIV>
	

<DIV class="">
<DIV class="announce-header">Announcements</DIV>
<DIV class="announce-content">
<TABLE cellpadding="2">











<TBODY><TR valign="middle"><TD><IMG id="ctl00_Announcements_News_ctl00_Img" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/Public-Sector-Azure-Announcement-Box.png" alt="News" align="middle" style="height:24px;width:24px;border-width:0px;"></TD>
<TD><A id="ctl00_Announcements_News_ctl00_Link" href="http://www.codeproject.com/Competitions/416/Create-a-Public-Sector-Windows-Azure-Application.aspx">Have an app on Windows Azure? Win a laptop!</A></TD></TR>

<TR valign="middle"><TD><IMG id="ctl00_Announcements_News_ctl01_Img" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/MonthlyComp.png" alt="News" align="middle" style="height:24px;width:24px;border-width:0px;"></TD>
<TD><A id="ctl00_Announcements_News_ctl01_Link" href="http://www.codeproject.com/script/Awards/CurrentCompetitions.aspx?cmpTpId=1">Monthly Competition</A></TD></TR>




</TBODY></TABLE>
</DIV>
</DIV>
	<DIV style="margin-bottom:20px"></DIV>
	
<DIV class="announce-header">The Daily Insider</DIV>
<DIV class="announce-content">

<DIV><A id="ctl00_News_News_ctl01_Link" href="http://www.infoworld.com/archives/emailPrint.jsp?R=printThis&A=/article/08/12/11/A_40yearold_computer_demo_that_still_amazes_1.html">A 40-year-old computer demo that still amazes</A></DIV>

Daily News: <A id="ctl00_News_News_ctl02_Subscribe" href="http://www.codeproject.com/Feature/Insider/">Signup now</A>.
</DIV>
		

	<DIV style="margin:auto;width:150px"><SCRIPT type="text/javascript">document.write(unescape("%3ca%20href%3d%22http%3a%2f%2fwww.codeproject.com%2fRedir.aspx%3fadid%3d10335%26adcrid%3d10188%26obid%3d30588%26obtid%3d2%26way%3dban%22%20target%3d%22_blank%22%20rel%3d%22nofollow%22%3e%3cimg%20id%3d%22ctl00_LeftHandAd%22%20src%3d%22%2fimages%2ft.gif%22%20width%3d%22150px%22%20height%3d%2280px%22%20alt%3d%22%22%20border%3d%220%22%2f%3e%3c%2fa%3e"));</SCRIPT><A href="http://www.codeproject.com/Redir.aspx?adid=10335&adcrid=10188&obid=30588&obtid=2&way=ban" target="_blank" rel="nofollow"><IMG id="ctl00_LeftHandAd" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/ServeImg(1).aspx" width="150px" height="80px" alt="" border="0"></A>
	</DIV>
	
	<DIV style="margin:auto;width:160px;margin-top:10px"><SCRIPT type="text/javascript">document.write(unescape("%3ca%20href%3d%22http%3a%2f%2fwww.codeproject.com%2fRedir.aspx%3fadid%3d15265%26adcrid%3d12762%26obid%3d30588%26obtid%3d2%26way%3dban%22%20target%3d%22_blank%22%20rel%3d%22nofollow%22%3e%3cimg%20id%3d%22ctl00_TowerAd%22%20src%3d%22%2fimages%2ft.gif%22%20width%3d%22160px%22%20height%3d%22600px%22%20alt%3d%22%22%20border%3d%220%22%2f%3e%3c%2fa%3e"));</SCRIPT><A href="http://www.codeproject.com/Redir.aspx?adid=15265&adcrid=12762&obid=30588&obtid=2&way=ban" target="_blank" rel="nofollow"><IMG id="ctl00_TowerAd" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/ServeImg(2).aspx" width="160px" height="600px" alt="" border="0"></A>
	</DIV>

</DIV>


</DIV>
</DIV>


<SCRIPT type="text/javascript" language="Javascript" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/oncopy.js"></SCRIPT>
<SCRIPT type="text/javascript" language="Javascript" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/TogglePre.js"></SCRIPT>
<SCRIPT type="text/javascript" language="Javascript" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/addto.js"></SCRIPT>
<SCRIPT type="text/javascript" language="Javascript" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/jquery-1.4.2.min.js"></SCRIPT><SCRIPT type="text/javascript">//<![CDATA[
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/script/JS/jquery-1.4.2.min.js' type='text/javascript' %3E%3C/script%3E"));
}//]]></SCRIPT>
<SCRIPT type="text/javascript" language="Javascript" src="./ASP.NET MVC Flexigrid sample - CodeProject_files/ShortCuts.js"></SCRIPT>
<SCRIPT type="text/javascript" language="Javascript">//<![CDATA[
if (document.all) try {window.attachEvent("oncopy",copyCode);}catch(e){};
var e=document;
if(e){if(document.all)try{e.attachEvent('onkeydown',LK);}catch(ex){} 
else e.addEventListener('keydown',LK, false);}

var e=document;
if(e){if(document.all)try{e.attachEvent('onkeyup',LK);}catch(ex){} 
else e.addEventListener('keyup',LK, false);}

var e=document;
if(e){if(document.all)try{e.attachEvent('onblur',LK);}catch(ex){} 
else e.addEventListener('blur',LK, false);}

var e=document.getElementById('ctl00_TopNavBar_Lounge');
if(e){if(document.all)try{e.attachEvent('onclick',LC);}catch(ex){} 
else e.addEventListener('click',LC, false);}

var e=document.getElementById('ctl00_TopNavBar_Soapbox');
if(e){if(document.all)try{e.attachEvent('onclick',LC);}catch(ex){} 
else e.addEventListener('click',LC, false);}

var socialLinks = new social();
socialLinks.PlaceholderId="ATD";socialLinks.ObjectId=30588;
socialLinks.ObjectTypeId=2;
socialLinks.addtoMethod=1;
socialLinks.Horizontal=false;
socialLinks.Showname=true;
socialLinks.setupLinks("socialLinks", document.location.href,escape(document.title), 100, 0, "small-text Bold", "AddTo");
socialLinks.setupMenu();
function RetrieveJobsSummary(divName, objectId, objectTypeId, countryId, attributesList) {
                        var elm = $('div[id=' + divName + ']');
                        if (elm&&elm.length > 0) {
                            var queryString = '/script/Jobs/Ajax/GetRelatedJobs.aspx?';
                            queryString += 'objId='    + objectId;
                            queryString += '&typeId='  + objectTypeId;
                            queryString += '&cntrId='  + countryId;
                            queryString += '&atrList=' + attributesList;
                            queryString += '&r=' + Math.random().toString();
                            $(elm).load(queryString);
                        }
                    }$(document).ready(function() {RetrieveJobsSummary('Th',30588,2,48,"30,76,81,85,98,101,118,151,153");});
$(function() {
  var postData = '{ "impressions": [{"AdvertisementId":15038,"CreativeId":12960,"IsCrawler":false,"ObjectId":30588,"ObjectTypeId":2},{"AdvertisementId":13688,"CreativeId":12375,"IsCrawler":false,"ObjectId":30588,"ObjectTypeId":2},{"AdvertisementId":10335,"CreativeId":10188,"IsCrawler":false,"ObjectId":30588,"ObjectTypeId":2},{"AdvertisementId":15265,"CreativeId":12762,"IsCrawler":false,"ObjectId":30588,"ObjectTypeId":2},{"AdvertisementId":15034,"CreativeId":12956,"IsCrawler":false,"ObjectId":30588,"ObjectTypeId":2}]}';
                                $.ajax({
                                    type: 'POST',
                                    cache: false,
                                    url: '/script/AdServe/WebServices/AdServices.aspx/RecordImpressions',
                                    data: postData,
                                    contentType: 'application/json; charset=utf-8',
                                    dataType: 'json',success: function(msg) { }
                           });});

$(function() { $("#ctl00_TopAd").html(unescape("%3cIFRAME%20src=%22/script/AdServe/ServeHtml.aspx?C=False&adcrid=12960&adid=15038&obid=30588&obtid=2%22 frameborder=%220%22 scrolling=%22no%22 width=%22728px%22 height=%2290px%22%3e%3c/IFRAME%3e"));});
$(function() { $("#ctl00_AdWords").html(unescape("%3cIFRAME%20src=%22/script/AdServe/ServeHtml.aspx?C=False&adcrid=12956&adid=15034&obid=30588&obtid=2%22 frameborder=%220%22 scrolling=%22no%22 width=%22300px%22 height=%22250px%22%3e%3c/IFRAME%3e"));});
$('#ctl00_RateArticle_RCD').css('display', 'none');
$('#clear-rate_ctl00_RateArticle_RCD').click(function () { $('#ctl00_RateArticle_RCD').hide(); return false;});function ChkRtctl00_RateArticle(val, objId) {if (val<=3||true) {$('div[name=RateItem_' + objId + '] .rating-comment').css("display","");}else $('div[name=RateItem_' + objId + '] .rating-comment').css("display","none");}
$( function() { $('#ctl00_BottomAd').attr('src','/script/AdServe/ServeImg.aspx?C=False&adcrid=12375&adid=13688&obid=30588&obtid=2' );});
$( function() { $('#ctl00_LeftHandAd').attr('src','/script/AdServe/ServeImg.aspx?C=False&adcrid=10188&adid=10335&obid=30588&obtid=2' );});
$( function() { $('#ctl00_TowerAd').attr('src','/script/AdServe/ServeImg.aspx?C=False&adcrid=12762&adid=15265&obid=30588&obtid=2' );});

//]]>
</SCRIPT>



<SCRIPT type="text/javascript">
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-1735123-1']);
	_gaq.push(['_trackPageview']);
	_gaq.push(['_setDomainName', 'www.codeproject.com']);
	_gaq.push(['_setSessionTimeout', '1200']); 

	(function () {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
	})(); 
</SCRIPT>



</BODY></HTML>